@signalflare-ai/ui 0.5.0

package/dist/sidebar-DOwBrq57.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-DOwBrq57.js","names":[],"sources":["../src/components/sidebar/sidebar.tsx"],"sourcesContent":["import { Collapsible as CollapsibleBase } from \"@base-ui/react/collapsible\";\nimport { Dialog as DialogBase } from \"@base-ui/react/dialog\";\nimport {\n  CaretRightIcon,\n  MagnifyingGlassIcon,\n  SidebarSimpleIcon,\n} from \"@phosphor-icons/react\";\nimport React, {\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  type ReactNode,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../utils/cn\";\nimport { useLinkComponent } from \"../../utils/link-provider\";\nimport { Tooltip, TooltipProvider } from \"../tooltip\";\n\n// ============================================================================\n// Variants (required by SF convention)\n// ============================================================================\n\n/** Sidebar variant definitions mapping layout, collapse, and side options. */\nexport const SF_SIDEBAR_VARIANTS = {\n  variant: {\n    sidebar: {\n      classes: \"\",\n      description: \"Standard sidebar with border separator\",\n    },\n    floating: {\n      classes: \"\",\n      description: \"Floating sidebar with shadow and rounded corners\",\n    },\n    inset: {\n      classes: \"\",\n      description: \"Inset sidebar within the content area\",\n    },\n  },\n  collapsible: {\n    icon: {\n      classes: \"\",\n      description: \"Collapses to show icons only\",\n    },\n    offcanvas: {\n      classes: \"\",\n      description: \"Slides off screen when collapsed\",\n    },\n    none: {\n      classes: \"\",\n      description: \"Cannot be collapsed\",\n    },\n  },\n  side: {\n    left: {\n      classes: \"\",\n      description: \"Left-aligned sidebar\",\n    },\n    right: {\n      classes: \"\",\n      description: \"Right-aligned sidebar\",\n    },\n  },\n} as const;\n\nexport const SF_SIDEBAR_DEFAULT_VARIANTS = {\n  variant: \"sidebar\",\n  collapsible: \"icon\",\n  side: \"left\",\n} as const;\n\nexport const SF_SIDEBAR_STYLING = {\n  width: {\n    expanded: \"16rem\",\n    icon: \"3rem\",\n  },\n  mobile: {\n    breakpoint: 768,\n  },\n} as const;\n\nexport type SidebarSide = \"left\" | \"right\";\nexport type SidebarVariant = \"sidebar\" | \"floating\" | \"inset\";\nexport type SidebarCollapsible = \"icon\" | \"offcanvas\" | \"none\";\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst SIDEBAR_WIDTH = \"16rem\";\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\nconst MOBILE_BREAKPOINT = 768;\n\n// ============================================================================\n// Mobile detection hook\n// ============================================================================\n\nfunction useIsMobile() {\n  const [isMobile, setIsMobile] = useState(false);\n\n  useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => setIsMobile(mql.matches);\n    mql.addEventListener(\"change\", onChange);\n    setIsMobile(mql.matches);\n    return () => mql.removeEventListener(\"change\", onChange);\n  }, []);\n\n  return isMobile;\n}\n\n// ============================================================================\n// Context\n// ============================================================================\n\nexport interface SidebarContextValue {\n  state: \"expanded\" | \"collapsed\";\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  openMobile: boolean;\n  setOpenMobile: (open: boolean) => void;\n  isMobile: boolean;\n  toggleSidebar: () => void;\n  variant: \"sidebar\" | \"floating\" | \"inset\";\n  side: \"left\" | \"right\";\n  collapsible: \"icon\" | \"offcanvas\" | \"none\";\n  width: number;\n  resizable: boolean;\n  minWidth: number;\n  maxWidth: number;\n  isResizing: boolean;\n  setIsResizing: (resizing: boolean) => void;\n  setWidth: (width: number) => void;\n}\n\nconst SidebarContext = createContext<SidebarContextValue | null>(null);\n\n/**\n * Hook to access sidebar state and actions from any descendant component.\n *\n * @example\n * ```tsx\n * const { state, open, toggleSidebar, isMobile } = useSidebar();\n * ```\n *\n * @throws Error if used outside a `Sidebar.Provider`.\n */\nexport function useSidebar() {\n  const context = useContext(SidebarContext);\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a Sidebar.Provider\");\n  }\n  return context;\n}\n\n// ============================================================================\n// Provider\n// ============================================================================\n\nexport interface SidebarProviderProps {\n  /** Initial open state when uncontrolled. @default true */\n  defaultOpen?: boolean;\n  /** Controlled open state. */\n  open?: boolean;\n  /** Callback when open state changes (controlled mode). */\n  onOpenChange?: (open: boolean) => void;\n  /** Sidebar layout variant. @default \"sidebar\" */\n  variant?: SidebarVariant;\n  /** Which side the sidebar is on. @default \"left\" */\n  side?: SidebarSide;\n  collapsible?: \"icon\" | \"offcanvas\" | \"none\";\n  /** Enable drag-to-resize on the sidebar edge. @default false */\n  resizable?: boolean;\n  /** Initial width in pixels when resizable. @default 256 */\n  defaultWidth?: number;\n  /** Minimum width in pixels when resizing. @default 200 */\n  minWidth?: number;\n  /** Maximum width in pixels when resizing. @default 480 */\n  maxWidth?: number;\n  /** Callback when width changes during resize. */\n  onWidthChange?: (width: number) => void;\n  /** Content — typically `<Sidebar>` + main content. */\n  children: ReactNode;\n  /** Additional CSS classes for the wrapper div. */\n  className?: string;\n  /** Inline styles for the wrapper div. */\n  style?: CSSProperties;\n}\n\n/**\n * Sidebar context provider. Manages expand/collapse state and mobile detection.\n * Renders a flex wrapper div with CSS custom properties for sidebar width.\n *\n * @example\n * ```tsx\n * <Sidebar.Provider defaultOpen>\n *   <Sidebar>{...}</Sidebar>\n *   <main className=\"flex-1\">{...}</main>\n * </Sidebar.Provider>\n * ```\n */\nconst DEFAULT_WIDTH_PX = 256;\nconst MIN_WIDTH_PX = 200;\nconst MAX_WIDTH_PX = 480;\n\nfunction SidebarProvider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  variant = SF_SIDEBAR_DEFAULT_VARIANTS.variant,\n  side = SF_SIDEBAR_DEFAULT_VARIANTS.side,\n  collapsible = SF_SIDEBAR_DEFAULT_VARIANTS.collapsible,\n  resizable = false,\n  defaultWidth = DEFAULT_WIDTH_PX,\n  minWidth = MIN_WIDTH_PX,\n  maxWidth = MAX_WIDTH_PX,\n  onWidthChange,\n  children,\n  className,\n  style,\n}: SidebarProviderProps) {\n  const isMobile = useIsMobile();\n  const [openMobile, setOpenMobile] = useState(false);\n  const [width, setWidthState] = useState(defaultWidth);\n  const [isResizing, setIsResizing] = useState(false);\n\n  const setWidth = useCallback(\n    (newWidth: number) => {\n      const clamped = Math.min(maxWidth, Math.max(minWidth, newWidth));\n      setWidthState(clamped);\n      onWidthChange?.(clamped);\n    },\n    [minWidth, maxWidth, onWidthChange]\n  );\n\n  const [_open, _setOpen] = useState(defaultOpen);\n  const open = openProp ?? _open;\n  const setOpen = useCallback(\n    (value: boolean | ((prev: boolean) => boolean)) => {\n      const next = typeof value === \"function\" ? value(open) : value;\n      setOpenProp?.(next);\n      _setOpen(next);\n    },\n    [setOpenProp, open]\n  );\n\n  const toggleSidebar = useCallback(() => {\n    if (isMobile) {\n      setOpenMobile((prev) => !prev);\n    } else {\n      setOpen((prev: boolean) => !prev);\n    }\n  }, [isMobile, setOpen]);\n\n  const state = open ? \"expanded\" : \"collapsed\";\n\n  const sidebarWidthValue = resizable ? `${width}px` : SIDEBAR_WIDTH;\n\n  const contextValue = useMemo<SidebarContextValue>(\n    () => ({\n      state,\n      open,\n      setOpen,\n      openMobile,\n      setOpenMobile,\n      isMobile,\n      toggleSidebar,\n      variant,\n      side,\n      collapsible,\n      width,\n      resizable,\n      minWidth,\n      maxWidth,\n      isResizing,\n      setIsResizing,\n      setWidth,\n    }),\n    [\n      state,\n      open,\n      setOpen,\n      openMobile,\n      setOpenMobile,\n      isMobile,\n      toggleSidebar,\n      variant,\n      side,\n      collapsible,\n      width,\n      resizable,\n      minWidth,\n      maxWidth,\n      isResizing,\n      setIsResizing,\n      setWidth,\n    ]\n  );\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      <div\n        data-sidebar-wrapper=\"\"\n        data-state={state}\n        data-side={side}\n        style={\n          {\n            \"--sidebar-width\": sidebarWidthValue,\n            \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n            ...style,\n          } as CSSProperties\n        }\n        className={cn(\n          \"group/sidebar-wrapper flex min-h-svh w-full\",\n          \"has-data-[variant=inset]:bg-sf-recessed\",\n          isResizing && \"select-none\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    </SidebarContext.Provider>\n  );\n}\n\nSidebarProvider.displayName = \"Sidebar.Provider\";\n\n// ============================================================================\n// Sidebar Root\n// ============================================================================\n\nexport interface SidebarRootProps extends ComponentPropsWithoutRef<\"aside\"> {\n  /** Additional CSS classes for the sidebar element. */\n  className?: string;\n  /** Sidebar content — Header, Content, Footer, etc. */\n  children: ReactNode;\n}\n\n/**\n * Main sidebar container. Renders as `<aside>` on desktop, Dialog sheet on mobile.\n * Must be used inside `Sidebar.Provider`.\n *\n * @example\n * ```tsx\n * <Sidebar.Provider>\n *   <Sidebar>\n *     <Sidebar.Header>...</Sidebar.Header>\n *     <Sidebar.Content>...</Sidebar.Content>\n *     <Sidebar.Footer>...</Sidebar.Footer>\n *   </Sidebar>\n * </Sidebar.Provider>\n * ```\n */\nconst SidebarRoot = forwardRef<HTMLElement, SidebarRootProps>(\n  ({ className, children, ...props }, ref) => {\n    const {\n      state,\n      isMobile,\n      openMobile,\n      setOpenMobile,\n      side,\n      variant,\n      collapsible,\n      isResizing,\n      resizable,\n      width,\n    } = useSidebar();\n\n    if (collapsible === \"none\") {\n      return (\n        <aside\n          ref={ref}\n          data-state=\"expanded\"\n          data-side={side}\n          data-variant={variant}\n          data-sidebar=\"sidebar\"\n          style={{\n            width: \"var(--sidebar-width)\",\n            minWidth: \"var(--sidebar-width)\",\n            maxWidth: \"var(--sidebar-width)\",\n          }}\n          className={cn(\n            \"relative flex h-full shrink-0 grow-0 flex-col overflow-hidden bg-sf-base text-sf-default\",\n            variant === \"sidebar\" &&\n              (side === \"left\"\n                ? \"border-r border-sf-line\"\n                : \"border-l border-sf-line\"),\n            variant === \"floating\" &&\n              \"m-2 rounded-lg border border-sf-line shadow-lg\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </aside>\n      );\n    }\n\n    if (isMobile) {\n      return (\n        <DialogBase.Root open={openMobile} onOpenChange={setOpenMobile}>\n          <DialogBase.Portal>\n            <DialogBase.Backdrop className=\"fixed inset-0 z-50 bg-black/50 transition-opacity duration-200 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0\" />\n            <DialogBase.Popup\n              className={cn(\n                \"fixed inset-y-0 z-50 flex w-[--sidebar-width] flex-col bg-sf-base p-0\",\n                \"duration-200 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0\",\n                side === \"left\" &&\n                  \"left-0 data-[ending-style]:-translate-x-full data-[starting-style]:-translate-x-full\",\n                side === \"right\" &&\n                  \"right-0 data-[ending-style]:translate-x-full data-[starting-style]:translate-x-full\"\n              )}\n              style={\n                {\n                  \"--sidebar-width\": SIDEBAR_WIDTH,\n                  transitionProperty: \"transform, opacity\",\n                  transitionTimingFunction:\n                    \"var(--default-transition-timing-function)\",\n                } as CSSProperties\n              }\n            >\n              <div\n                data-sidebar=\"sidebar\"\n                data-mobile=\"true\"\n                className={cn(\n                  \"flex h-full w-full flex-col bg-sf-base text-sf-default\",\n                  className\n                )}\n              >\n                {children}\n              </div>\n            </DialogBase.Popup>\n          </DialogBase.Portal>\n        </DialogBase.Root>\n      );\n    }\n\n    // Resolve the target width from CSS variables or literal values\n    const collapsedWidth =\n      collapsible === \"icon\" ? \"var(--sidebar-width-icon)\" : \"0px\";\n    const expandedWidth = resizable ? `${width}px` : \"var(--sidebar-width)\";\n    const targetWidth = state === \"expanded\" ? expandedWidth : collapsedWidth;\n\n    return (\n      <aside\n        ref={ref}\n        data-state={state}\n        data-side={side}\n        data-variant={variant}\n        data-collapsible={collapsible}\n        data-sidebar=\"sidebar\"\n        style={{ width: targetWidth }}\n        className={cn(\n          \"group/sidebar relative flex h-full shrink-0 grow-0 flex-col\",\n          // overflow-hidden makes flex min-width resolve to 0 (per spec),\n          // preventing children from pushing the sidebar wider than its width\n          \"min-w-0 overflow-hidden whitespace-nowrap\",\n          \"bg-sf-base text-sf-default\",\n          // Transition width — matches production SidebarNav curve exactly\n          \"transition-[width] duration-250 ease-[cubic-bezier(0.77,0,0.175,1)] will-change-[width]\",\n          \"motion-reduce:transition-none\",\n          // Disable transition during resize drag\n          isResizing && \"transition-none!\",\n          variant === \"sidebar\" &&\n            (side === \"left\"\n              ? \"border-r border-sf-line\"\n              : \"border-l border-sf-line\"),\n          variant === \"floating\" &&\n            \"m-2 rounded-lg border border-sf-line shadow-lg\",\n          className\n        )}\n        {...props}\n      >\n        {/* TooltipProvider groups all collapsed-state tooltips so hovering\n            between icons shows tooltips instantly (no repeated delay). */}\n        <TooltipProvider>{children}</TooltipProvider>\n      </aside>\n    );\n  }\n);\n\nSidebarRoot.displayName = \"Sidebar\";\n\n// ============================================================================\n// Sidebar Header\n// ============================================================================\n\n/**\n * Top section of the sidebar. Typically contains a logo, title, and action button.\n *\n * @example\n * ```tsx\n * <Sidebar.Header>\n *   <CloudflareLogo />\n *   <span>Design Engineering</span>\n *   <Button shape=\"square\" icon={CaretUpDownIcon} aria-label=\"Switch\" />\n * </Sidebar.Header>\n * ```\n */\nconst SidebarHeader = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"header\"\n    className={cn(\n      \"flex items-center gap-2 border-b border-sf-line px-2 py-3\",\n      \"overflow-hidden\",\n      // Collapsed: just remove border, keep same height\n      \"group-data-[state=collapsed]/sidebar:border-b-0\",\n      className\n    )}\n    {...props}\n  />\n));\n\nSidebarHeader.displayName = \"Sidebar.Header\";\n\n// ============================================================================\n// Sidebar Content\n// ============================================================================\n\n/**\n * Scrollable middle section of the sidebar. Contains nav groups and menus.\n *\n * @example\n * ```tsx\n * <Sidebar.Content>\n *   <Sidebar.Group>...</Sidebar.Group>\n * </Sidebar.Content>\n * ```\n */\nconst SidebarContent = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"content\"\n    className={cn(\n      \"flex min-w-0 flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden px-2 py-2\",\n      // Collapsed: flatten spacing so icons are evenly spaced\n      \"group-data-[state=collapsed]/sidebar:gap-0 group-data-[state=collapsed]/sidebar:py-0\",\n      \"group-data-[state=collapsed]/sidebar:overflow-x-hidden\",\n      className\n    )}\n    {...props}\n  />\n));\n\nSidebarContent.displayName = \"Sidebar.Content\";\n\n// ============================================================================\n// Sidebar Footer\n// ============================================================================\n\n/**\n * Bottom-pinned section of the sidebar. Typically contains toggle button and help actions.\n *\n * @example\n * ```tsx\n * <Sidebar.Footer>\n *   <Sidebar.Trigger />\n *   <Button shape=\"square\" icon={InfoIcon} aria-label=\"Help\" />\n * </Sidebar.Footer>\n * ```\n */\nconst SidebarFooter = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"footer\"\n    className={cn(\n      \"flex min-w-0 flex-col gap-2 border-t border-sf-line px-2 py-2\",\n      // Collapsed: remove border, tighten padding\n      \"group-data-[state=collapsed]/sidebar:border-t-0 group-data-[state=collapsed]/sidebar:py-1\",\n      className\n    )}\n    {...props}\n  />\n));\n\nSidebarFooter.displayName = \"Sidebar.Footer\";\n\n// ============================================================================\n// Sidebar Group\n// ============================================================================\n\n/** Context to signal children they're inside a collapsible group and provide open state. */\ninterface SidebarGroupCollapsibleContextValue {\n  isCollapsible: boolean;\n  isOpen: boolean;\n}\nconst SidebarGroupCollapsibleContext =\n  createContext<SidebarGroupCollapsibleContextValue>({\n    isCollapsible: false,\n    isOpen: true,\n  });\n\nexport interface SidebarGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n  /** When true, the group can be expanded/collapsed via its label. @default false */\n  collapsible?: boolean;\n  /** Initial open state when collapsible and uncontrolled. @default true */\n  defaultOpen?: boolean;\n  /** Controlled open state (collapsible mode only). */\n  open?: boolean;\n  /** Callback when open state changes (collapsible mode only). */\n  onOpenChange?: (open: boolean) => void;\n}\n\n/**\n * Groups related menu items with an optional label.\n * When `collapsible` is set, wraps content with Base UI Collapsible for\n * animated expand/collapse via the group label.\n *\n * @example Non-collapsible group\n * ```tsx\n * <Sidebar.Group>\n *   <Sidebar.GroupLabel>Build</Sidebar.GroupLabel>\n *   <Sidebar.Menu>...</Sidebar.Menu>\n * </Sidebar.Group>\n * ```\n *\n * @example Collapsible group (requires GroupContent for animation)\n * ```tsx\n * <Sidebar.Group collapsible defaultOpen>\n *   <Sidebar.GroupLabel>Build</Sidebar.GroupLabel>\n *   <Sidebar.GroupContent>\n *     <Sidebar.Menu>...</Sidebar.Menu>\n *   </Sidebar.GroupContent>\n * </Sidebar.Group>\n * ```\n */\nconst SidebarGroup = forwardRef<HTMLDivElement, SidebarGroupProps>(\n  (\n    {\n      className,\n      collapsible = false,\n      defaultOpen = true,\n      open: openProp,\n      onOpenChange,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    // Track internal open state for uncontrolled mode\n    const [internalOpen, setInternalOpen] = useState(defaultOpen);\n    const isOpen = openProp ?? internalOpen;\n\n    const handleOpenChange = useCallback(\n      (newOpen: boolean) => {\n        setInternalOpen(newOpen);\n        onOpenChange?.(newOpen);\n      },\n      [onOpenChange]\n    );\n\n    const contextValue = useMemo(\n      () => ({ isCollapsible: collapsible, isOpen }),\n      [collapsible, isOpen]\n    );\n\n    const content = (\n      <div\n        ref={ref}\n        data-sidebar=\"group\"\n        className={cn(\n          \"flex min-w-0 flex-col gap-0.5\",\n          // Collapsed: remove internal gap so icons stack uniformly\n          \"group-data-[state=collapsed]/sidebar:gap-0\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n\n    if (!collapsible) {\n      return (\n        <SidebarGroupCollapsibleContext.Provider value={contextValue}>\n          {content}\n        </SidebarGroupCollapsibleContext.Provider>\n      );\n    }\n\n    return (\n      <SidebarGroupCollapsibleContext.Provider value={contextValue}>\n        <CollapsibleBase.Root\n          defaultOpen={defaultOpen}\n          open={openProp}\n          onOpenChange={handleOpenChange}\n          className=\"min-w-0\"\n        >\n          {content}\n        </CollapsibleBase.Root>\n      </SidebarGroupCollapsibleContext.Provider>\n    );\n  }\n);\n\nSidebarGroup.displayName = \"Sidebar.Group\";\n\n// ============================================================================\n// Sidebar GroupLabel\n// ============================================================================\n\n/**\n * Section label for a sidebar group (e.g., \"Build\", \"Protect & Connect\").\n * Hidden when the sidebar is collapsed to icon-only mode.\n *\n * When used inside a collapsible `Sidebar.Group`, renders as a\n * `Collapsible.Trigger` with an auto-rotating chevron.\n *\n * @example\n * ```tsx\n * <Sidebar.GroupLabel>Build</Sidebar.GroupLabel>\n * ```\n */\nconst SidebarGroupLabel = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<\"div\">\n>(({ className, children, ...props }, ref) => {\n  const { isCollapsible } = useContext(SidebarGroupCollapsibleContext);\n\n  if (isCollapsible) {\n    return (\n      <CollapsibleBase.Trigger\n        ref={ref as React.Ref<HTMLButtonElement>}\n        data-sidebar=\"group-label\"\n        className={cn(\n          \"group/group-label flex w-full cursor-pointer items-center px-3 py-1 text-xs font-medium text-sf-subtle\",\n          \"group-data-[state=collapsed]/sidebar:hidden\",\n          className\n        )}\n        {...(props as ComponentPropsWithoutRef<\"button\">)}\n      >\n        <span className=\"flex-1 truncate text-left\">{children}</span>\n        <CaretRightIcon\n          className={cn(\n            \"ml-auto size-3 shrink-0 text-sf-subtle transition-transform duration-200\",\n            \"group-data-[panel-open]/group-label:rotate-90\"\n          )}\n        />\n      </CollapsibleBase.Trigger>\n    );\n  }\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"group-label\"\n      className={cn(\n        \"truncate px-3 py-1 text-xs font-medium text-sf-subtle\",\n        \"group-data-[state=collapsed]/sidebar:hidden\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\n\nSidebarGroupLabel.displayName = \"Sidebar.GroupLabel\";\n\n// ============================================================================\n// Sidebar GroupContent\n// ============================================================================\n\n/**\n * Animation wrapper for collapsible group content. Uses CSS grid-rows\n * for smooth height transitions when the group is expanded/collapsed.\n *\n * **Only needed for collapsible groups.** For non-collapsible groups,\n * place `Menu` directly inside `Group` — no wrapper required.\n *\n * @example Collapsible group (GroupContent required)\n * ```tsx\n * <Sidebar.Group collapsible defaultOpen>\n *   <Sidebar.GroupLabel>Build</Sidebar.GroupLabel>\n *   <Sidebar.GroupContent>\n *     <Sidebar.Menu>...</Sidebar.Menu>\n *   </Sidebar.GroupContent>\n * </Sidebar.Group>\n * ```\n *\n * @example Non-collapsible group (no GroupContent needed)\n * ```tsx\n * <Sidebar.Group>\n *   <Sidebar.GroupLabel>Overview</Sidebar.GroupLabel>\n *   <Sidebar.Menu>...</Sidebar.Menu>\n * </Sidebar.Group>\n * ```\n */\nconst SidebarGroupContent = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<\"div\">\n>(({ className, children, ...props }, ref) => {\n  const { isCollapsible, isOpen } = useContext(SidebarGroupCollapsibleContext);\n\n  if (isCollapsible) {\n    return (\n      <div\n        ref={ref}\n        data-sidebar=\"group-content\"\n        className={cn(\n          \"grid\",\n          // Animate height via grid-rows — matches production NavGroup pattern\n          \"transition-[grid-template-rows] duration-250 ease-[cubic-bezier(0.77,0,0.175,1)]\",\n          \"motion-reduce:transition-none\",\n          // Default: collapsed\n          \"grid-rows-[0fr]\",\n          // When sidebar is expanded, respect group open/close state\n          isOpen\n            ? \"group-data-[state=expanded]/sidebar:grid-rows-[1fr]\"\n            : \"group-data-[state=expanded]/sidebar:grid-rows-[0fr]\",\n          className\n        )}\n        {...props}\n      >\n        <div className=\"overflow-hidden\">{children}</div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"group-content\"\n      className={cn(\"flex flex-col\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\n\nSidebarGroupContent.displayName = \"Sidebar.GroupContent\";\n\n// ============================================================================\n// MenuItem / MenuSubItem auto-wrap contexts\n// ============================================================================\n\n/**\n * When `true`, indicates the component is already wrapped in a `MenuItem` `<li>`.\n * `MenuButton` checks this: if `false`, it auto-wraps itself in an `<li>`.\n */\nconst MenuItemContext = createContext(false);\n\n/**\n * When `true`, indicates the component is already wrapped in a `MenuSubItem` `<li>`.\n * `MenuSubButton` checks this: if `false`, it auto-wraps itself in an `<li>`.\n */\nconst MenuSubItemContext = createContext(false);\n\n// ============================================================================\n// Sidebar Menu\n// ============================================================================\n\n/**\n * Navigation menu list. Renders as `<ul>`.\n *\n * `MenuButton` auto-wraps in `<li>` so `MenuItem` is optional for simple items.\n *\n * @example Simple usage\n * ```tsx\n * <Sidebar.Menu>\n *   <Sidebar.MenuButton icon={HouseIcon} active>Account home</Sidebar.MenuButton>\n *   <Sidebar.MenuButton icon={GlobeIcon}>Domains</Sidebar.MenuButton>\n * </Sidebar.Menu>\n * ```\n *\n * @example With explicit MenuItem (needed for MenuAction sibling)\n * ```tsx\n * <Sidebar.Menu>\n *   <Sidebar.MenuItem>\n *     <Sidebar.MenuButton icon={GearIcon}>Settings</Sidebar.MenuButton>\n *     <Sidebar.MenuAction><PencilIcon /></Sidebar.MenuAction>\n *   </Sidebar.MenuItem>\n * </Sidebar.Menu>\n * ```\n */\nconst SidebarMenu = forwardRef<\n  HTMLUListElement,\n  ComponentPropsWithoutRef<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu\"\n    className={cn(\n      \"m-0 flex min-w-0 list-none flex-col gap-0.5 p-0\",\n      \"group-data-[state=collapsed]/sidebar:gap-0\",\n      className\n    )}\n    {...props}\n  />\n));\n\nSidebarMenu.displayName = \"Sidebar.Menu\";\n\n// ============================================================================\n// Sidebar MenuItem\n// ============================================================================\n\n/**\n * Individual menu list item. Renders as `<li>`.\n *\n * **Optional when using `MenuButton` directly** — `MenuButton` auto-wraps\n * itself in a `<li>` when not already inside a `MenuItem`. Use `MenuItem`\n * explicitly when you need to place siblings (e.g., `MenuAction`) alongside\n * a `MenuButton`.\n *\n * @example Explicit usage (needed for MenuAction sibling)\n * ```tsx\n * <Sidebar.MenuItem>\n *   <Sidebar.MenuButton icon={GearIcon}>Settings</Sidebar.MenuButton>\n *   <Sidebar.MenuAction><PencilIcon /></Sidebar.MenuAction>\n * </Sidebar.MenuItem>\n * ```\n */\nconst SidebarMenuItem = forwardRef<\n  HTMLLIElement,\n  ComponentPropsWithoutRef<\"li\">\n>(({ className, children, ...props }, ref) => (\n  <MenuItemContext.Provider value={true}>\n    <li\n      ref={ref}\n      data-sidebar=\"menu-item\"\n      className={cn(\"relative\", className)}\n      {...props}\n    >\n      {children}\n    </li>\n  </MenuItemContext.Provider>\n));\n\nSidebarMenuItem.displayName = \"Sidebar.MenuItem\";\n\n// ============================================================================\n// Sidebar MenuButton\n// ============================================================================\n\nexport type SidebarMenuButtonSize = \"base\" | \"sm\";\n\nexport interface SidebarMenuButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"className\" | \"children\"\n> {\n  icon?: React.ComponentType<{ className?: string }> | React.ReactNode;\n  active?: boolean;\n  /**\n   * Button size.\n   * - `\"base\"` — Standard nav item\n   * - `\"sm\"` — Compact nav item\n   * @default \"base\"\n   */\n  size?: SidebarMenuButtonSize;\n  href?: string;\n  tooltip?: string;\n  className?: string;\n  children?: ReactNode;\n}\n\n/**\n * Primary interactive element inside a menu item. Renders as a `<button>` or link.\n * Supports icons, active state, and auto-tooltip when the sidebar is collapsed.\n *\n * **Auto-wraps in `<li>`** when not already inside a `Sidebar.MenuItem`.\n * Use `MenuItem` explicitly only when you need siblings (e.g., `MenuAction`).\n *\n * When used as a `Collapsible.Trigger` via `render` prop, the expand/collapse chevron\n * auto-rotates thanks to Base UI's `data-panel-open` attribute combined with\n * `group/menu-button` CSS grouping.\n *\n * @example Simple usage (auto-wrapped in `<li>`)\n * ```tsx\n * <Sidebar.Menu>\n *   <Sidebar.MenuButton icon={GlobeIcon} active>Domains</Sidebar.MenuButton>\n *   <Sidebar.MenuButton icon={ClockIcon} href=\"/recents\">Recents</Sidebar.MenuButton>\n * </Sidebar.Menu>\n * ```\n *\n * @example With MenuAction sibling (explicit MenuItem needed)\n * ```tsx\n * <Sidebar.MenuItem>\n *   <Sidebar.MenuButton icon={GearIcon}>Settings</Sidebar.MenuButton>\n *   <Sidebar.MenuAction><PencilIcon /></Sidebar.MenuAction>\n * </Sidebar.MenuItem>\n * ```\n */\nconst SidebarMenuButton = forwardRef<HTMLButtonElement, SidebarMenuButtonProps>(\n  (\n    {\n      className,\n      icon: IconProp,\n      active = false,\n      size = \"base\",\n      href,\n      tooltip,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const { state } = useSidebar();\n    const LinkComponent = useLinkComponent();\n    const isInsideMenuItem = useContext(MenuItemContext);\n\n    // Render icon — supports both component types and React elements\n    const iconNode = (() => {\n      if (!IconProp) return null;\n      if (React.isValidElement(IconProp)) return IconProp;\n      const Comp = IconProp as React.ComponentType<{ className?: string }>;\n      return (\n        <Comp\n          className={cn(\"shrink-0\", size === \"base\" ? \"size-3.5\" : \"size-3\")}\n        />\n      );\n    })();\n\n    const content = (\n      <>\n        {iconNode}\n        <span\n          className={cn(\n            \"flex flex-1 items-center min-w-0 text-left overflow-hidden\",\n            \"group-data-[state=collapsed]/sidebar:hidden\"\n          )}\n        >\n          {children}\n        </span>\n      </>\n    );\n\n    const buttonClasses = cn(\n      // Layout\n      \"group/menu-button flex w-full min-w-0 items-center gap-2 rounded-lg outline-none cursor-pointer\",\n      // Sizing\n      size === \"base\" && \"min-h-[34px] px-3 py-1.5 text-sm font-medium\",\n      size === \"sm\" && \"min-h-[28px] px-2 py-1 text-sm\",\n      // Default state — transition includes padding so collapsed centering animates smoothly\n      \"text-sf-default\",\n      \"transition-[color,background-color,padding] duration-0 ease-[cubic-bezier(0.77,0,0.175,1)]\",\n      // Icon color\n      \"[&>svg]:text-sf-subtle\",\n      !active && \"hover:bg-sf-tint\",\n      // Active state\n      active && \"bg-sf-tint\",\n      // When a child sub-button is active, don't show active styling on the parent trigger\n      \"has-[[data-active]]:bg-transparent has-[[data-active]]:hover:bg-sf-tint\",\n      // Focus\n      \"focus-visible:ring-1 focus-visible:ring-sf-ring\",\n      // Collapsed: px-2 centers the icon (48px sidebar − 16px content padding = 32px;\n      // 32px − 2×8px padding = 16px = icon size). Padding transition keeps it smooth.\n      \"group-data-[state=collapsed]/sidebar:px-2\",\n      className\n    );\n\n    let button: React.ReactNode = href ? (\n      <LinkComponent\n        ref={ref as React.Ref<HTMLAnchorElement>}\n        className={cn(buttonClasses, \"no-underline!\")}\n        href={href}\n        to={href}\n        data-active={active || undefined}\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        onClick={\n          props.onClick as unknown as React.MouseEventHandler<HTMLAnchorElement>\n        }\n      >\n        {content}\n      </LinkComponent>\n    ) : (\n      <button\n        ref={ref}\n        type=\"button\"\n        className={buttonClasses}\n        data-active={active || undefined}\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        {...props}\n      >\n        {content}\n      </button>\n    );\n\n    // Wrap in Tooltip when collapsed and tooltip text is provided.\n    if (state === \"collapsed\" && tooltip) {\n      button = (\n        <Tooltip content={tooltip} side=\"right\">\n          {button}\n        </Tooltip>\n      );\n    }\n\n    // Auto-wrap in <li> when not already inside a MenuItem\n    if (!isInsideMenuItem) {\n      return (\n        <li data-sidebar=\"menu-item\" className=\"relative\">\n          {button}\n        </li>\n      );\n    }\n\n    return button;\n  }\n);\n\nSidebarMenuButton.displayName = \"Sidebar.MenuButton\";\n\n// ============================================================================\n// Sidebar MenuAction\n// ============================================================================\n\n/**\n * Right-aligned action button inside a menu item (e.g., settings gear, plus icon).\n * Positioned absolutely so it overlays the menu button.\n * Hidden when the sidebar is collapsed.\n */\nconst SidebarMenuAction = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<\"button\">\n>(({ className, ...props }, ref) => (\n  <button\n    ref={ref}\n    type=\"button\"\n    data-sidebar=\"menu-action\"\n    className={cn(\n      \"absolute right-1.5 top-1/2 flex -translate-y-1/2 items-center justify-center rounded-md p-1\",\n      \"text-sf-strong hover:bg-sf-overlay\",\n      \"transition-colors duration-150\",\n      \"group-data-[state=collapsed]/sidebar:hidden\",\n      className\n    )}\n    {...props}\n  />\n));\n\nSidebarMenuAction.displayName = \"Sidebar.MenuAction\";\n\n// ============================================================================\n// Sidebar MenuBadge\n// ============================================================================\n\n/**\n * Badge pill displayed inside a menu button (e.g., \"Beta\", \"New\").\n * Uses dashed border styling matching the Cloudflare design system.\n *\n * @example\n * ```tsx\n * <Sidebar.MenuSubButton>\n *   Containers\n *   <Sidebar.MenuBadge>Beta</Sidebar.MenuBadge>\n * </Sidebar.MenuSubButton>\n * ```\n */\nconst SidebarMenuBadge = forwardRef<\n  HTMLSpanElement,\n  ComponentPropsWithoutRef<\"span\">\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    data-sidebar=\"menu-badge\"\n    className={cn(\n      \"inline-flex shrink-0 items-center rounded-full border border-dashed border-sf-line\",\n      \"select-none px-1.5 py-0.5 text-[11px]/none font-medium text-sf-strong\",\n      // Hidden when collapsed\n      \"group-data-[state=collapsed]/sidebar:hidden\",\n      className\n    )}\n    {...props}\n  />\n));\n\nSidebarMenuBadge.displayName = \"Sidebar.MenuBadge\";\n\n// ============================================================================\n// Sidebar MenuSub\n// ============================================================================\n\n/**\n * Indented sub-menu container for child navigation items. Renders as `<ul>` with\n * a left border accent for visual hierarchy.\n *\n * `MenuSubButton` auto-wraps in `<li>` so `MenuSubItem` is optional.\n *\n * @example\n * ```tsx\n * <Sidebar.MenuSub>\n *   <Sidebar.MenuSubButton active>Workers & Pages</Sidebar.MenuSubButton>\n *   <Sidebar.MenuSubButton>Durable Objects</Sidebar.MenuSubButton>\n * </Sidebar.MenuSub>\n * ```\n */\nconst SidebarMenuSub = forwardRef<\n  HTMLUListElement,\n  ComponentPropsWithoutRef<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu-sub\"\n    className={cn(\n      \"m-0 ml-3.5 flex min-w-0 list-none flex-col gap-0.5 border-l border-sf-line p-0 pl-2.5\",\n      // Hidden when collapsed\n      \"group-data-[state=collapsed]/sidebar:hidden\",\n      className\n    )}\n    {...props}\n  />\n));\n\nSidebarMenuSub.displayName = \"Sidebar.MenuSub\";\n\n// ============================================================================\n// Sidebar MenuSubItem\n// ============================================================================\n\n/**\n * Individual item inside a sub-menu. Renders as `<li>`.\n *\n * **Optional when using `MenuSubButton` directly** — `MenuSubButton` auto-wraps\n * itself in a `<li>` when not already inside a `MenuSubItem`.\n */\nconst SidebarMenuSubItem = forwardRef<\n  HTMLLIElement,\n  ComponentPropsWithoutRef<\"li\">\n>(({ className, children, ...props }, ref) => (\n  <MenuSubItemContext.Provider value={true}>\n    <li\n      ref={ref}\n      data-sidebar=\"menu-sub-item\"\n      className={cn(\"relative\", className)}\n      {...props}\n    >\n      {children}\n    </li>\n  </MenuSubItemContext.Provider>\n));\n\nSidebarMenuSubItem.displayName = \"Sidebar.MenuSubItem\";\n\n// ============================================================================\n// Sidebar MenuSubButton\n// ============================================================================\n\nexport interface SidebarMenuSubButtonProps extends ComponentPropsWithoutRef<\"button\"> {\n  /** Marks this sub-item as currently active/selected. @default false */\n  active?: boolean;\n  /** Navigation URL. When set, renders as a link via LinkProvider. */\n  href?: string;\n}\n\n/**\n * Button inside a sub-menu item. Does not render an icon (sub-items are\n * indented instead). Supports active state and link rendering.\n *\n * **Auto-wraps in `<li>`** when not already inside a `Sidebar.MenuSubItem`.\n *\n * @example Simple usage (auto-wrapped in `<li>`)\n * ```tsx\n * <Sidebar.MenuSub>\n *   <Sidebar.MenuSubButton active>Workers & Pages</Sidebar.MenuSubButton>\n *   <Sidebar.MenuSubButton href=\"/observability\">Observability</Sidebar.MenuSubButton>\n * </Sidebar.MenuSub>\n * ```\n */\nconst SidebarMenuSubButton = forwardRef<\n  HTMLButtonElement,\n  SidebarMenuSubButtonProps\n>(({ className, active = false, href, children, ...props }, ref) => {\n  const LinkComponent = useLinkComponent();\n  const isInsideMenuSubItem = useContext(MenuSubItemContext);\n\n  const buttonClasses = cn(\n    \"flex w-full min-w-0 items-center gap-2 rounded-lg min-h-[34px] px-3 py-1 text-sm font-medium outline-none\",\n    \"text-sf-default transition-colors duration-150\",\n    !active && \"hover:bg-sf-tint\",\n    active && \"bg-sf-tint\",\n    \"focus-visible:ring-1 focus-visible:ring-sf-ring\",\n    className\n  );\n\n  const content = <span className=\"flex-1 truncate text-left\">{children}</span>;\n\n  const button: React.ReactNode = href ? (\n    <LinkComponent\n      ref={ref as React.Ref<HTMLAnchorElement>}\n      className={cn(buttonClasses, \"no-underline!\")}\n      href={href}\n      to={href}\n      data-active={active || undefined}\n      data-sidebar=\"menu-sub-button\"\n      onClick={\n        props.onClick as unknown as React.MouseEventHandler<HTMLAnchorElement>\n      }\n    >\n      {content}\n    </LinkComponent>\n  ) : (\n    <button\n      ref={ref}\n      type=\"button\"\n      className={buttonClasses}\n      data-active={active || undefined}\n      data-sidebar=\"menu-sub-button\"\n      {...props}\n    >\n      {content}\n    </button>\n  );\n\n  // Auto-wrap in <li> when not already inside a MenuSubItem\n  if (!isInsideMenuSubItem) {\n    return (\n      <li data-sidebar=\"menu-sub-item\" className=\"relative\">\n        {button}\n      </li>\n    );\n  }\n\n  return button;\n});\n\nSidebarMenuSubButton.displayName = \"Sidebar.MenuSubButton\";\n\n// ============================================================================\n// Sidebar Separator\n// ============================================================================\n\n/**\n * Horizontal divider line between sidebar sections.\n */\nconst SidebarSeparator = forwardRef<\n  HTMLHRElement,\n  ComponentPropsWithoutRef<\"hr\">\n>(({ className, ...props }, ref) => (\n  <hr\n    ref={ref}\n    data-sidebar=\"separator\"\n    className={cn(\"mx-2 min-h-px h-px border-0 bg-sf-line\", className)}\n    {...props}\n  />\n));\n\nSidebarSeparator.displayName = \"Sidebar.Separator\";\n\n// ============================================================================\n// Sidebar Input\n// ============================================================================\n\nexport interface SidebarInputProps extends ComponentPropsWithoutRef<\"button\"> {\n  /** Placeholder text displayed inside the search trigger. @default \"Search...\" */\n  placeholder?: string;\n  /** Keyboard shortcut hint (e.g., \"⌘K\"). */\n  shortcut?: string;\n}\n\n/**\n * Search trigger button styled as an input. Typically opens a command palette.\n *\n * @example\n * ```tsx\n * <Sidebar.Input placeholder=\"Quick search...\" shortcut=\"⌘K\" onClick={openSearch} />\n * ```\n */\nconst SidebarInput = forwardRef<HTMLButtonElement, SidebarInputProps>(\n  (\n    { className, placeholder = \"Search...\", shortcut, children, ...props },\n    ref\n  ) => (\n    <button\n      ref={ref}\n      type=\"button\"\n      data-sidebar=\"input\"\n      className={cn(\n        \"flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm\",\n        \"bg-sf-base text-sf-subtle ring ring-sf-line\",\n        \"transition-[color,background-color,padding,box-shadow] duration-250 ease-[cubic-bezier(0.77,0,0.175,1)]\",\n        \"hover:bg-sf-overlay\",\n        // Collapsed: icon-only, padding centers icon, ring fades via box-shadow transition\n        \"group-data-[state=collapsed]/sidebar:px-2 group-data-[state=collapsed]/sidebar:ring-0\",\n        className\n      )}\n      {...props}\n    >\n      <MagnifyingGlassIcon className=\"size-4 shrink-0 text-sf-subtle\" />\n      <span className=\"flex-1 truncate text-left group-data-[state=collapsed]/sidebar:hidden\">\n        {children ?? placeholder}\n      </span>\n      {shortcut && (\n        <kbd className=\"ml-auto font-sans text-xs text-sf-subtle group-data-[state=collapsed]/sidebar:hidden\">\n          {shortcut}\n        </kbd>\n      )}\n    </button>\n  )\n);\n\nSidebarInput.displayName = \"Sidebar.Input\";\n\n// ============================================================================\n// Sidebar Trigger\n// ============================================================================\n\n/**\n * Button that toggles the sidebar open/collapsed. Uses `toggleSidebar()` from context.\n * Defaults to a `SidebarSimpleIcon`, left-aligned.\n *\n * @example\n * ```tsx\n * <Sidebar.Trigger />\n * <Sidebar.Trigger><PanelLeftIcon className=\"size-5\" /></Sidebar.Trigger>\n * ```\n */\nconst SidebarTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<\"button\">\n>(({ className, children, onClick, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      data-sidebar=\"trigger\"\n      aria-label=\"Toggle sidebar\"\n      className={cn(\n        \"flex items-center rounded-md p-1.5\",\n        \"text-sf-subtle hover:text-sf-strong hover:bg-sf-overlay\",\n        \"transition-colors duration-150\",\n        className\n      )}\n      onClick={(e) => {\n        onClick?.(e);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      {children ?? <SidebarSimpleIcon className=\"size-5\" />}\n    </button>\n  );\n});\n\nSidebarTrigger.displayName = \"Sidebar.Trigger\";\n\n// ============================================================================\n// Sidebar Rail\n// ============================================================================\n\n/**\n * Invisible interaction strip at the sidebar edge for click-to-toggle.\n * Renders a thin hover-sensitive area between the sidebar and main content.\n */\nconst SidebarRail = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<\"button\">\n>(({ className, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      data-sidebar=\"rail\"\n      aria-label=\"Toggle sidebar\"\n      tabIndex={-1}\n      className={cn(\n        \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 cursor-pointer transition-all\",\n        \"after:absolute after:inset-y-0 after:left-1/2 after:w-0.5\",\n        \"hover:after:bg-sf-brand/20\",\n        \"group-data-[side=left]/sidebar-wrapper:right-0\",\n        \"group-data-[side=right]/sidebar-wrapper:left-0\",\n        \"sm:flex\",\n        className\n      )}\n      onClick={toggleSidebar}\n      {...props}\n    />\n  );\n});\n\nSidebarRail.displayName = \"Sidebar.Rail\";\n\n// ============================================================================\n// Sidebar ResizeHandle\n// ============================================================================\n\n/**\n * Drag handle for resizing the sidebar. Renders when `resizable` is true in\n * both expanded and collapsed states.\n *\n * - **Expanded → drag inward past `minWidth`**: auto-collapses to icon-only.\n * - **Collapsed → drag outward past `minWidth`**: auto-expands and begins\n *   tracking width from `minWidth`.\n */\nconst SidebarResizeHandle = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => {\n  const { side, resizable, setIsResizing, setWidth, setOpen, open, minWidth } =\n    useSidebar();\n  const startX = useRef(0);\n  const startWidth = useRef(0);\n  const wasCollapsed = useRef(false);\n\n  if (!resizable) return null;\n\n  const handlePointerDown = (e: React.PointerEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    setIsResizing(true);\n    startX.current = e.clientX;\n    wasCollapsed.current = !open;\n\n    const wrapper = (e.currentTarget as HTMLElement).closest(\n      \"[data-sidebar-wrapper]\"\n    );\n    const sidebar = wrapper?.querySelector(\"[data-sidebar='sidebar']\");\n    startWidth.current = sidebar?.getBoundingClientRect().width ?? 0;\n\n    const cleanup = () => {\n      setIsResizing(false);\n      document.removeEventListener(\"pointermove\", handlePointerMove);\n      document.removeEventListener(\"pointerup\", handlePointerUp);\n    };\n\n    const handlePointerMove = (moveEvent: PointerEvent) => {\n      const delta =\n        side === \"left\"\n          ? moveEvent.clientX - startX.current\n          : startX.current - moveEvent.clientX;\n      const rawWidth = startWidth.current + delta;\n\n      if (wasCollapsed.current) {\n        // Dragging outward from collapsed — expand once past minWidth\n        if (rawWidth >= minWidth) {\n          wasCollapsed.current = false;\n          setOpen(true);\n          setWidth(rawWidth);\n        }\n        return;\n      }\n\n      // Dragging inward while expanded — collapse when below minWidth\n      if (rawWidth < minWidth) {\n        setOpen(false);\n        wasCollapsed.current = true;\n        return;\n      }\n\n      setWidth(rawWidth);\n    };\n\n    const handlePointerUp = () => {\n      cleanup();\n    };\n\n    document.addEventListener(\"pointermove\", handlePointerMove);\n    document.addEventListener(\"pointerup\", handlePointerUp);\n  };\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"resize-handle\"\n      className={cn(\n        \"absolute inset-y-0 z-20 hidden w-1 cursor-col-resize transition-colors sm:block\",\n        \"hover:bg-sf-brand/30 active:bg-sf-brand/50\",\n        side === \"left\" && \"right-0\",\n        side === \"right\" && \"left-0\",\n        className\n      )}\n      onPointerDown={handlePointerDown}\n      {...props}\n    />\n  );\n});\n\nSidebarResizeHandle.displayName = \"Sidebar.ResizeHandle\";\n\n// ============================================================================\n// Sidebar MenuChevron\n// ============================================================================\n\n/**\n * Auto-rotating chevron for collapsible menu items. When the parent\n * `MenuButton` is used as a `Collapsible.Trigger`, Base UI sets\n * `data-panel-open` on the trigger — the chevron rotates automatically via CSS.\n *\n * @example\n * ```tsx\n * <Sidebar.CollapsibleTrigger render={<Sidebar.MenuButton icon={ComputeIcon} />}>\n *   Compute\n *   <Sidebar.MenuChevron />\n * </Sidebar.CollapsibleTrigger>\n * ```\n */\nfunction SidebarMenuChevron({ className }: { className?: string }) {\n  return (\n    <CaretRightIcon\n      className={cn(\n        \"ml-auto size-4 shrink-0 text-sf-subtle transition-transform duration-200\",\n        // Auto-rotate when inside an open Collapsible trigger\n        \"group-data-[panel-open]/menu-button:rotate-90\",\n        // Hidden when collapsed\n        \"group-data-[state=collapsed]/sidebar:hidden\",\n        className\n      )}\n    />\n  );\n}\n\nSidebarMenuChevron.displayName = \"Sidebar.MenuChevron\";\n\n// ============================================================================\n// Collapsible re-exports\n// ============================================================================\n\n/**\n * Base UI Collapsible.Root for sidebar sub-menu expand/collapse.\n * @see https://base-ui.com/react/components/collapsible\n */\nconst SidebarCollapsible = CollapsibleBase.Root;\n\n/**\n * Base UI Collapsible.Trigger for sidebar sub-menu toggle.\n * Use `render` prop to compose with `Sidebar.MenuButton`.\n *\n * @example\n * ```tsx\n * <Sidebar.CollapsibleTrigger render={<Sidebar.MenuButton icon={DiamondIcon} />}>\n *   Compute\n *   <Sidebar.MenuChevron />\n * </Sidebar.CollapsibleTrigger>\n * ```\n */\nconst SidebarCollapsibleTrigger = CollapsibleBase.Trigger;\n\n/**\n * Animated collapsible panel for sidebar sub-menu content.\n * Wraps Base UI `Collapsible.Panel` with a height transition driven by the\n * `--collapsible-panel-height` CSS variable that Base UI measures automatically.\n *\n * Uses `keepMounted` by default so the exit animation plays before removal.\n *\n * Animation flow:\n * - **Opening**: `data-starting-style` (h=0) → `data-open` (h=measured) — transition up\n * - **Closing**: `data-open` removed + `data-ending-style` (h=0) — transition down\n * - **Closed**: `data-closed` (h=0) — stays collapsed while mounted\n */\nconst SidebarCollapsibleContent = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<typeof CollapsibleBase.Panel>\n>(({ className, keepMounted = true, ...props }, ref) => (\n  <CollapsibleBase.Panel\n    ref={ref}\n    keepMounted={keepMounted}\n    className={cn(\n      \"overflow-hidden\",\n      // Default: show at measured height (when data-open, no override matches)\n      \"h-[var(--collapsible-panel-height)]\",\n      // Transition height — matches production NavGroup easing\n      \"transition-[height] duration-250 ease-[cubic-bezier(0.77,0,0.175,1)]\",\n      \"motion-reduce:transition-none\",\n      // Closed / animating in / animating out: height 0\n      \"data-[closed]:h-0 data-[starting-style]:h-0 data-[ending-style]:h-0\",\n      className\n    )}\n    {...props}\n  />\n));\n\nSidebarCollapsibleContent.displayName = \"Sidebar.CollapsibleContent\";\n\n// ============================================================================\n// Compound Component Export\n// ============================================================================\n\n/**\n * Sidebar — responsive navigation panel with expand/collapse support.\n *\n * Compound component: `Sidebar` (root `<aside>`), `.Provider`, `.Header`,\n * `.Content`, `.Footer`, `.Group`, `.GroupLabel`, `.GroupContent`,\n * `.Menu`, `.MenuItem`, `.MenuButton`, `.MenuAction`, `.MenuBadge`,\n * `.MenuSub`, `.MenuSubItem`, `.MenuSubButton`, `.Separator`,\n * `.Input`, `.Trigger`, `.Rail`, `.MenuChevron`,\n * `.Collapsible`, `.CollapsibleTrigger`, `.CollapsibleContent`.\n *\n * Built on `@base-ui/react/collapsible` + `@base-ui/react/dialog`.\n *\n * @example\n * ```tsx\n * <Sidebar.Provider defaultOpen>\n *   <Sidebar>\n *     <Sidebar.Content>\n *       <Sidebar.Group>\n *         <Sidebar.GroupLabel>Overview</Sidebar.GroupLabel>\n *         <Sidebar.Menu>\n *           <Sidebar.MenuButton icon={HouseIcon} active>Home</Sidebar.MenuButton>\n *           <Sidebar.MenuButton icon={GlobeIcon}>Domains</Sidebar.MenuButton>\n *         </Sidebar.Menu>\n *       </Sidebar.Group>\n *     </Sidebar.Content>\n *     <Sidebar.Footer>\n *       <Sidebar.Trigger />\n *     </Sidebar.Footer>\n *   </Sidebar>\n * </Sidebar.Provider>\n * ```\n */\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Provider: SidebarProvider,\n  Header: SidebarHeader,\n  Content: SidebarContent,\n  Footer: SidebarFooter,\n  Group: SidebarGroup,\n  GroupLabel: SidebarGroupLabel,\n  GroupContent: SidebarGroupContent,\n  Menu: SidebarMenu,\n  MenuItem: SidebarMenuItem,\n  MenuButton: SidebarMenuButton,\n  MenuAction: SidebarMenuAction,\n  MenuBadge: SidebarMenuBadge,\n  MenuSub: SidebarMenuSub,\n  MenuSubItem: SidebarMenuSubItem,\n  MenuSubButton: SidebarMenuSubButton,\n  Separator: SidebarSeparator,\n  Input: SidebarInput,\n  Trigger: SidebarTrigger,\n  Rail: SidebarRail,\n  ResizeHandle: SidebarResizeHandle,\n  MenuChevron: SidebarMenuChevron,\n  Collapsible: SidebarCollapsible,\n  CollapsibleTrigger: SidebarCollapsibleTrigger,\n  CollapsibleContent: SidebarCollapsibleContent,\n});\n\nexport {\n  SidebarProvider,\n  SidebarRoot,\n  SidebarHeader,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarGroupContent,\n  SidebarMenu,\n  SidebarMenuItem,\n  SidebarMenuButton,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuSub,\n  SidebarMenuSubItem,\n  SidebarMenuSubButton,\n  SidebarSeparator,\n  SidebarInput,\n  SidebarTrigger,\n  SidebarRail,\n  SidebarResizeHandle,\n  SidebarMenuChevron,\n  SidebarCollapsible,\n  SidebarCollapsibleTrigger,\n  SidebarCollapsibleContent,\n};\n"],"mappings":"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"}

package/dist/signalflare-ai-logo-DDhxMJD6.js

@@ -0,0 +1,260 @@
+"use client";
+import { t as cn } from "./cn-YROP2_ox.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/signalflare-ai-logo/signalflare-ai-logo.tsx
+var SIGNALFLARE_BLUE = "#4188ff";
+var SIGNALFLARE_TEAL = "#00a7a8";
+var SIGNALFLARE_GRAY = "#766c69";
+var SIGNALFLARE_GLYPH_PATH = "M 383.980469 199.453125 C 316.03125 199.453125 260.953125 254.539062 260.953125 322.484375 C 260.953125 345.546875 267.296875 367.117188 278.339844 385.566406 L 383.976562 568.550781 L 489.699219 385.4375 C 500.6875 367.019531 507.007812 345.492188 507.007812 322.488281 C 507.007812 254.535156 451.929688 199.453125 383.980469 199.453125 Z M 383.980469 363.65625 C 361.246094 363.65625 342.8125 345.222656 342.816406 322.484375 C 342.816406 299.75 361.25 281.316406 383.980469 281.316406 C 406.722656 281.316406 425.15625 299.75 425.15625 322.484375 C 425.15625 345.222656 406.722656 363.65625 383.980469 363.65625 Z";
+var SIGNALFLARE_GLYPH_VIEWBOX = "0 0 768 768";
+var SIGNALFLARE_FULL_LOGO_VIEWBOX = "0 0 286.96 55.03";
+var SIGNALFLARE_TEAL_PATHS = [
+	"M285.05,10.58c-1-.7-2.22-1-3.45-.78-1.22.22-2.3.89-3.04,1.89-.74,1-1.04,2.26-.85,3.48s.85,2.3,1.85,3.04c1,.7,2.22,1,3.45.78,1.22-.22,2.3-.89,3.04-1.89s1.04-2.26.85-3.48c-.22-1.22-.89-2.33-1.85-3.04Z",
+	"M273.11,39.83v-7.89c0-1.78-.41-3.26-1.22-4.48-.78-1.22-1.93-2.15-3.41-2.78-1.48-.63-3.26-.96-5.33-.96-3.15,0-5.56.63-7.3,1.85s-2.78,2.89-3.19,4.96l6.22,1.48c.26-1.22.7-2.04,1.37-2.52.7-.48,1.52-.74,2.45-.74s1.7.3,2.26.93c.59.59.85,1.37.85,2.37v.63l-7.45,1.56c-2,.41-3.48,1.11-4.45,2.15-.93,1-1.37,2.3-1.37,3.85,0,1.3.3,2.37.85,3.26.59.85,1.44,1.52,2.56,2,1.07.44,2.37.7,3.85.7,1.26,0,2.48-.19,3.63-.59,1.19-.41,2.11-1.04,2.85-1.85.22-.26.41-.52.56-.82.11.37.26.74.48,1.07.48.7,1.15,1.26,2.04,1.63.85.33,1.85.52,2.96.52,1.22,0,2.3-.19,3.15-.59l.44-4.19c-.33.11-.74.19-1.26.19-1.04-.07-1.56-.63-1.56-1.74h.02ZM265.51,39.38c-.19.44-.48.85-.82,1.19-.33.3-.74.52-1.22.63-.44.15-.89.22-1.37.22-.63,0-1.19-.15-1.63-.48-.44-.33-.7-.78-.7-1.41,0-.67.19-1.15.59-1.48.44-.33,1.07-.59,1.93-.78l3.48-.74v1.19c.07.67-.04,1.22-.26,1.67h0Z",
+	"M244.91,38.31c-1.33,0-2.37.33-3.15,1.04-.78.7-1.19,1.67-1.19,2.89s.37,2.15,1.19,2.85c.78.7,1.82,1.04,3.15,1.04s2.41-.33,3.15-1.04c.78-.7,1.19-1.63,1.19-2.85s-.37-2.19-1.19-2.89c-.74-.67-1.82-1.04-3.15-1.04Z",
+	"M286.11,24.16h-7.34v21.56h7.34v-21.56Z",
+	"M184.7,18.26v-.02c-5.88-1.14-11.76-2.28-17.64-3.43,0-.05,0-.1-.02-.15,9.65-3.57,19.3-7.15,29.02-10.75-.23-.12-.35-.05-.47,0-3.14.95-6.28,1.9-9.43,2.86-7.19,2.18-14.39,4.35-21.58,6.54-.49.15-.62.15-.52-.44.51-3,.98-6,1.45-9.01.2-1.25.39-2.51.58-3.76-.04,0-.07-.02-.11-.03,0-.02,0-.04,0-.06v.06h-.03c-1.09,3.57-2.19,7.14-3.33,10.87-.37-1.35-.68-2.52-1-3.69-.05,0-.1.01-.15.02v4.36s-.1.03-.15.04c-1.76-2.54-3.53-5.09-5.29-7.63-.03.03-.06.06-.09.09,1.61,3.19,3.22,6.39,4.88,9.68-6.91-.65-13.65-1.29-20.4-1.93v.07h-.12l.12.02v.02c5.89,1.14,11.79,2.29,17.69,3.43v.13c-9.77,3.62-19.55,7.25-29.38,10.89.17.12.27.04.37.01,3-.91,6-1.81,8.99-2.72,7.48-2.26,14.97-4.53,22.45-6.79.23-.07.67-.44.55.29-.59,3.55-1.15,7.11-1.72,10.67-.12.74-.22,1.48-.33,2.21.03,0,.06.01.1.02v.08l.02-.08h.03c1.09-3.56,2.18-7.11,3.32-10.84.37,1.35.68,2.52,1,3.69l.14-.02v-4.34c.05-.02.11-.03.16-.05,1.76,2.54,3.52,5.07,5.29,7.61.03-.02.07-.04.1-.07-1.61-3.2-3.22-6.39-4.88-9.68,6.9.65,13.65,1.29,20.4,1.93v-.07h.13l-.13-.02h-.03Z"
+];
+var SIGNALFLARE_BLUE_PATHS = [
+	"M33.33,14.64c-1.48,0-2.59.3-3.26.85s-1,1.44-1,2.67.33,2.11,1,2.67,1.74.85,3.26.85,2.56-.26,3.22-.82c.7-.59,1.04-1.48,1.04-2.67s-.33-2.11-1.04-2.67c-.7-.59-1.78-.89-3.22-.89h0Z",
+	"M112.39,39.83v-7.89c0-1.78-.41-3.26-1.22-4.48-.78-1.22-1.93-2.15-3.41-2.78-1.48-.63-3.26-.96-5.33-.96-3.15,0-5.56.63-7.3,1.85s-2.78,2.89-3.19,4.96l6.22,1.48c.26-1.22.7-2.04,1.37-2.52.7-.48,1.52-.74,2.45-.74s1.7.3,2.26.93c.59.59.85,1.37.85,2.37v.63l-7.45,1.56c-2,.41-3.48,1.11-4.45,2.15-.93,1-1.37,2.3-1.37,3.85,0,1.3.3,2.37.85,3.26.59.85,1.44,1.52,2.56,2,1.07.44,2.37.7,3.85.7,1.26,0,2.48-.19,3.63-.59,1.19-.41,2.11-1.04,2.85-1.85.22-.26.41-.52.56-.82.11.37.26.74.48,1.07.48.7,1.15,1.26,2.04,1.63.85.33,1.85.52,2.96.52,1.22,0,2.3-.19,3.15-.59l.44-4.19c-.33.11-.74.19-1.26.19-1.04-.07-1.56-.63-1.56-1.74h.02ZM104.84,39.38c-.19.44-.48.85-.82,1.19-.33.3-.74.52-1.22.63-.44.15-.89.22-1.37.22-.63,0-1.19-.15-1.63-.48-.44-.33-.7-.78-.7-1.41,0-.67.19-1.15.59-1.48.44-.33,1.07-.59,1.93-.78l3.48-.74v1.19c.04.67-.07,1.22-.26,1.67h0Z",
+	"M84.38,24.6c-1.07-.59-2.37-.85-3.89-.85-1.37,0-2.63.26-3.74.82-1.07.52-2,1.3-2.78,2.33-.33.48-.59,1-.85,1.59l-.22-4.33h-6.56v21.6h7.34v-11.45c0-1.22.19-2.19.52-2.89s.82-1.22,1.41-1.56c.59-.33,1.26-.52,1.93-.52.89,0,1.63.3,2.19.85.59.59.85,1.59.85,3.11v12.45h7.34v-14.37c0-1.7-.33-3.11-.96-4.22-.56-1.15-1.44-1.96-2.56-2.56h-.02Z",
+	"M10.84,22.93c.67-.22,1.52-.33,2.59-.33,1.82,0,3.41.33,4.82,1,1.44.63,2.78,1.59,4,2.89l3.63-4.82c-1.48-1.59-3.26-2.78-5.3-3.59-2-.85-4.33-1.26-7-1.26s-4.78.41-6.59,1.22c-1.85.82-3.26,1.93-4.22,3.33-.96,1.37-1.48,2.96-1.48,4.74,0,1.59.37,2.89,1.07,3.96.7,1.04,1.7,1.89,2.93,2.52,1.26.59,2.7,1.07,4.3,1.48l5.26,1.15c1.22.3,2.04.63,2.45,1.07.44.41.63.93.63,1.52s-.15,1-.48,1.41-.82.7-1.52.93c-.67.19-1.48.3-2.52.3-1.3,0-2.56-.19-3.85-.56-1.22-.37-2.37-.89-3.45-1.52-1.04-.67-1.93-1.41-2.63-2.26l-3.48,4.96c.96,1,2.11,1.89,3.48,2.67,1.37.78,2.93,1.37,4.67,1.82,1.74.41,3.52.59,5.45.59,2.33,0,4.41-.33,6.22-1.04,1.82-.7,3.22-1.78,4.26-3.15,1.04-1.41,1.56-3.11,1.56-5.15s-.67-3.78-2-5.04c-1.33-1.26-3.41-2.22-6.26-2.89l-4.78-1.07c-1.26-.3-2.19-.63-2.78-1.04-.56-.44-.82-.96-.82-1.56,0-.52.15-.96.44-1.37s.78-.7,1.41-.93v.02Z",
+	"M36.96,24.16h-7.3v21.56h7.34v-21.56h-.04Z",
+	"M62.64,23.19c.19,0,.33,0,.52.04.19,0,.33.04.52.07l-.59-4.93c-.11-.04-.26-.04-.37-.04h-.3c-1.37,0-2.52.33-3.45,1.04-.89.7-1.56,1.59-2,2.67-.3.7-.44,1.44-.56,2.22-1.33-.37-2.82-.52-4.52-.52-2.22,0-4.11.3-5.67.85-1.56.59-2.74,1.41-3.59,2.52-.82,1.07-1.22,2.37-1.22,3.96,0,2.33.89,4.11,2.63,5.41.26.19.56.37.85.52-.67.22-1.26.56-1.78.96-1.07.85-1.63,2-1.63,3.37s.44,2.48,1.3,3.26c.48.44,1.07.82,1.85,1.07-1.15.19-2,.52-2.63,1-.96.74-1.48,1.7-1.48,2.93,0,1.67.85,3,2.59,3.96s4.56,1.48,8.45,1.48c2.41,0,4.48-.3,6.26-.93,1.78-.59,3.15-1.44,4.15-2.63.96-1.19,1.48-2.67,1.48-4.45,0-1.96-.67-3.45-2.04-4.48-1.33-1.07-3.22-1.59-5.74-1.59h-6.85c-.82,0-1.41-.11-1.82-.33-.41-.26-.59-.63-.59-1.11,0-.44.22-.85.7-1.15.19-.15.44-.22.78-.33,1.19.26,2.52.37,4,.37,2.19,0,4.04-.26,5.59-.82,1.56-.59,2.74-1.41,3.52-2.52.85-1.07,1.26-2.41,1.26-3.96s-.41-2.89-1.26-3.96c-.52-.67-1.15-1.26-1.96-1.74.15-.48.37-.89.74-1.26.67-.67,1.59-.96,2.85-.96h0ZM47.86,46.68h7.71c.85,0,1.41.11,1.74.33.33.26.48.59.48,1.04s-.22.82-.7,1.11c-.44.33-1.15.59-2.07.78-.89.19-2.04.3-3.41.3-1.74,0-3.11-.19-4.11-.56-.96-.33-1.48-.85-1.48-1.52,0-.44.15-.78.48-1.07.37-.26.82-.41,1.37-.41h0ZM54.15,33.34c-.59.56-1.37.82-2.3.82s-1.74-.26-2.33-.82-.85-1.3-.85-2.3.3-1.78.85-2.33c.59-.56,1.37-.82,2.33-.82s1.67.26,2.3.82c.59.56.93,1.33.93,2.33-.04,1-.33,1.78-.93,2.3Z",
+	"M132.7,45.76h7.41v-10.97h11.74v-5.74h-11.74v-6.04h14.71v-5.74h-22.12v28.49h0Z",
+	"M127.4,41.05c-.74,0-1.3-.19-1.59-.59-.33-.41-.48-1.07-.48-2.04V15.01h-7.34v24.34c0,2.41.52,4.15,1.56,5.22s2.7,1.59,5,1.59c.82,0,1.63-.11,2.45-.3.85-.19,1.52-.44,2.04-.78l.48-4.41c-.41.11-.74.19-1.04.26-.3.07-.67.11-1.07.11h0Z",
+	"M167.89,41.05c-.74,0-1.3-.19-1.59-.59-.33-.41-.48-1.07-.48-2.04V15.01h-7.34v24.34c0,2.41.52,4.15,1.56,5.22s2.7,1.59,5,1.59c.82,0,1.63-.11,2.45-.3.85-.19,1.52-.44,2.04-.78l.48-4.41c-.41.11-.74.19-1.04.26-.26.07-.63.11-1.07.11h0Z",
+	"M232.24,25.08c-1.59-.89-3.52-1.33-5.78-1.33s-4.19.44-5.89,1.33-3,2.19-3.96,3.85c-.96,1.67-1.41,3.67-1.41,6.04s.48,4.37,1.41,6.04c.96,1.67,2.3,2.96,4,3.85,1.74.89,3.82,1.33,6.22,1.33,1.48,0,2.93-.22,4.26-.63,1.37-.44,2.56-1.07,3.52-1.89,1-.85,1.7-1.93,2.11-3.15l-5.85-1.93c-.33.78-.82,1.37-1.48,1.82-.63.44-1.48.63-2.59.63-.96,0-1.82-.19-2.52-.56-.7-.41-1.22-1.04-1.59-1.89-.19-.48-.37-1.07-.44-1.74h14.71c.04-.33.11-.78.11-1.3.04-.52.04-1.04.04-1.56,0-2-.41-3.74-1.26-5.26-.74-1.59-1.96-2.82-3.59-3.67l-.02.02ZM224.13,29.53c.67-.44,1.44-.63,2.37-.63,1.3,0,2.26.44,2.85,1.37.44.67.74,1.56.85,2.63h-7.85c.07-.48.19-.93.3-1.33.33-.93.82-1.63,1.48-2.04Z",
+	"M192.38,39.83v-7.89c0-1.78-.41-3.26-1.22-4.48-.78-1.22-1.93-2.15-3.41-2.78-1.48-.63-3.26-.96-5.33-.96-3.15,0-5.56.63-7.3,1.85s-2.78,2.89-3.19,4.96l6.22,1.48c.26-1.22.7-2.04,1.37-2.52.7-.48,1.52-.74,2.45-.74s1.7.3,2.26.93c.59.59.85,1.37.85,2.37v.63l-7.45,1.56c-2,.41-3.48,1.11-4.45,2.15-.93,1-1.37,2.3-1.37,3.85,0,1.3.3,2.37.85,3.26.59.85,1.44,1.52,2.56,2,1.07.44,2.37.7,3.85.7,1.26,0,2.48-.19,3.63-.59,1.19-.41,2.11-1.04,2.85-1.85.22-.26.41-.52.56-.82.11.37.26.74.48,1.07.48.7,1.15,1.26,2.04,1.63.85.33,1.85.52,2.96.52,1.22,0,2.3-.19,3.15-.59l.44-4.19c-.33.11-.74.19-1.26.19-1.07-.07-1.56-.63-1.56-1.74h.02ZM184.78,39.38c-.19.44-.48.85-.82,1.19-.33.3-.74.52-1.22.63-.44.15-.89.22-1.37.22-.63,0-1.19-.15-1.63-.48-.44-.33-.7-.78-.7-1.41,0-.67.19-1.15.59-1.48.44-.33,1.07-.59,1.93-.78l3.48-.74v1.19c.04.67-.07,1.22-.26,1.67h0Z",
+	"M211.35,23.75c-1.67,0-3.04.44-4.15,1.33-1.07.89-1.89,2.15-2.41,3.74l-.3-4.67h-6.48v21.56h7.34v-10.86c0-1.11.22-2.04.63-2.78.44-.74,1.07-1.3,1.82-1.67s1.56-.56,2.41-.56c.63,0,1.15.04,1.59.11.44.04.85.15,1.11.26l.74-6.04c-.22-.15-.56-.26-.96-.33-.33-.07-.78-.11-1.33-.11v.02Z"
+];
+var SF_SIGNALFLARE_AI_LOGO_VARIANTS = {
+	variant: {
+		glyph: { description: "Map pin icon only (logomark)" },
+		full: { description: "Full logo with icon, wordmark, and decorative element" }
+	},
+	color: {
+		brand: { description: "Brand colors (blue primary, teal secondary)" },
+		mono: { description: "Monochrome gray" },
+		black: { description: "Solid black logo" },
+		white: { description: "Solid white logo (for dark backgrounds)" }
+	}
+};
+var SF_SIGNALFLARE_AI_LOGO_DEFAULT_VARIANTS = {
+	variant: "full",
+	color: "brand"
+};
+/**
+* SignalFlare AI logo component.
+*
+* @example Glyph only (map pin icon)
+* ```tsx
+* <SignalFlareAILogo variant="glyph" className="w-8" />
+* ```
+*
+* @example Full logo with wordmark
+* ```tsx
+* <SignalFlareAILogo variant="full" className="w-48" />
+* ```
+*
+* @example White logo for dark backgrounds
+* ```tsx
+* <SignalFlareAILogo color="white" className="w-32" />
+* ```
+*
+* @example Monochrome logo
+* ```tsx
+* <SignalFlareAILogo color="mono" className="w-32" />
+* ```
+*/
+var SignalFlareAILogo = forwardRef(({ variant = SF_SIGNALFLARE_AI_LOGO_DEFAULT_VARIANTS.variant, color = SF_SIGNALFLARE_AI_LOGO_DEFAULT_VARIANTS.color, className, ...props }, ref) => {
+	const isGlyph = variant === "glyph";
+	const getFillColors = () => {
+		switch (color) {
+			case "brand": return {
+				primary: SIGNALFLARE_BLUE,
+				secondary: SIGNALFLARE_TEAL
+			};
+			case "mono": return {
+				primary: SIGNALFLARE_GRAY,
+				secondary: SIGNALFLARE_GRAY
+			};
+			case "black": return {
+				primary: "currentColor",
+				secondary: "currentColor"
+			};
+			case "white": return {
+				primary: "currentColor",
+				secondary: "currentColor"
+			};
+		}
+	};
+	const { primary, secondary } = getFillColors();
+	if (isGlyph) return /* @__PURE__ */ jsx("svg", {
+		ref,
+		viewBox: SIGNALFLARE_GLYPH_VIEWBOX,
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		role: "img",
+		"aria-label": "SignalFlare AI logo",
+		className: cn(color === "white" && "text-white", color === "black" && "text-black", className),
+		...props,
+		children: /* @__PURE__ */ jsx("path", {
+			d: SIGNALFLARE_GLYPH_PATH,
+			fill: primary
+		})
+	});
+	return /* @__PURE__ */ jsxs("svg", {
+		ref,
+		viewBox: SIGNALFLARE_FULL_LOGO_VIEWBOX,
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		role: "img",
+		"aria-label": "SignalFlare AI logo",
+		className: cn(color === "white" && "text-white", color === "black" && "text-black", className),
+		...props,
+		children: [SIGNALFLARE_BLUE_PATHS.map((d, i) => /* @__PURE__ */ jsx("path", {
+			d,
+			fill: primary
+		}, `blue-${i}`)), SIGNALFLARE_TEAL_PATHS.map((d, i) => /* @__PURE__ */ jsx("path", {
+			d,
+			fill: secondary
+		}, `teal-${i}`))]
+	});
+});
+SignalFlareAILogo.displayName = "SignalFlareAILogo";
+/**
+* "Powered by SignalFlare AI" badge component.
+*
+* Renders a link to signalflare.ai with the logo glyph and "Powered by SignalFlare AI" text.
+*
+* @example Basic usage
+* ```tsx
+* <PoweredBySignalFlareAI />
+* ```
+*
+* @example White variant for dark backgrounds
+* ```tsx
+* <PoweredBySignalFlareAI color="white" />
+* ```
+*
+* @example Custom link
+* ```tsx
+* <PoweredBySignalFlareAI href="https://signalflare.ai/docs" />
+* ```
+*/
+var PoweredBySignalFlareAI = forwardRef(({ color = "brand", href = "https://signalflare.ai", className, ...props }, ref) => {
+	return /* @__PURE__ */ jsxs("a", {
+		ref,
+		href,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: cn("inline-flex items-center gap-2 rounded-lg py-2 pl-2.5 pr-3 text-sm font-medium", "ring-1 ring-inset transition-all hover:shadow-sm", (color === "brand" || color === "mono") && "bg-sf-base text-sf-default ring-sf-line", color === "black" && "bg-white text-black ring-black/20", color === "white" && "bg-black text-white ring-white/20", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(SignalFlareAILogo, {
+			variant: "glyph",
+			color,
+			className: "h-4 w-auto"
+		}), /* @__PURE__ */ jsxs("span", { children: ["Powered by ", /* @__PURE__ */ jsx("span", {
+			className: "font-semibold",
+			children: "SignalFlare AI"
+		})] })]
+	});
+});
+PoweredBySignalFlareAI.displayName = "PoweredBySignalFlareAI";
+/**
+* "Powered by Navigator" badge component.
+*
+* Renders a link to signalflare.ai with the logo glyph and "Powered by Navigator" text.
+* Navigator is SignalFlare AI's AI product.
+*
+* @example Basic usage
+* ```tsx
+* <PoweredByNavigator />
+* ```
+*
+* @example White variant for dark backgrounds
+* ```tsx
+* <PoweredByNavigator color="white" />
+* ```
+*
+* @example Custom link
+* ```tsx
+* <PoweredByNavigator href="https://signalflare.ai/navigator" />
+* ```
+*/
+var PoweredByNavigator = forwardRef(({ color = "brand", href = "https://signalflare.ai", className, ...props }, ref) => {
+	return /* @__PURE__ */ jsxs("a", {
+		ref,
+		href,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: cn("inline-flex items-center gap-2 rounded-lg py-2 pl-2.5 pr-3 text-sm font-medium", "ring-1 ring-inset transition-all hover:shadow-sm", (color === "brand" || color === "mono") && "bg-sf-base text-sf-default ring-sf-line", color === "black" && "bg-white text-black ring-black/20", color === "white" && "bg-black text-white ring-white/20", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(SignalFlareAILogo, {
+			variant: "glyph",
+			color,
+			className: "h-4 w-auto"
+		}), /* @__PURE__ */ jsxs("span", { children: ["Powered by ", /* @__PURE__ */ jsx("span", {
+			className: "font-semibold",
+			children: "Navigator"
+		})] })]
+	});
+});
+PoweredByNavigator.displayName = "PoweredByNavigator";
+/**
+* Generates SVG markup string for the SignalFlare AI logo.
+*
+* Useful for copying to clipboard or embedding in non-React contexts.
+*
+* @example Copy glyph SVG to clipboard
+* ```tsx
+* const svg = generateSignalFlareAILogoSvg({ variant: "glyph" });
+* await navigator.clipboard.writeText(svg);
+* ```
+*
+* @example Generate full logo in black
+* ```tsx
+* const svg = generateSignalFlareAILogoSvg({ variant: "full", color: "black" });
+* ```
+*/
+function generateSignalFlareAILogoSvg(options = {}) {
+	const { variant = "full", color = "brand" } = options;
+	const isGlyph = variant === "glyph";
+	const getFillColor = () => {
+		switch (color) {
+			case "brand": return {
+				primary: SIGNALFLARE_BLUE,
+				secondary: SIGNALFLARE_TEAL
+			};
+			case "mono": return {
+				primary: SIGNALFLARE_GRAY,
+				secondary: SIGNALFLARE_GRAY
+			};
+			case "black": return {
+				primary: "black",
+				secondary: "black"
+			};
+			case "white": return {
+				primary: "white",
+				secondary: "white"
+			};
+		}
+	};
+	const { primary, secondary } = getFillColor();
+	if (isGlyph) return `<svg viewBox="${SIGNALFLARE_GLYPH_VIEWBOX}" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="SignalFlare AI logo">
+  <path d="${SIGNALFLARE_GLYPH_PATH}" fill="${primary}"/>
+</svg>`;
+	return `<svg viewBox="${SIGNALFLARE_FULL_LOGO_VIEWBOX}" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="SignalFlare AI logo">
+${SIGNALFLARE_BLUE_PATHS.map((d) => `  <path d="${d}" fill="${primary}"/>`).join("\n")}
+${SIGNALFLARE_TEAL_PATHS.map((d) => `  <path d="${d}" fill="${secondary}"/>`).join("\n")}
+</svg>`;
+}
+/** @deprecated Use SignalFlareAILogo instead */
+var SignalflareAiLogo = SignalFlareAILogo;
+//#endregion
+export { SignalFlareAILogo as a, SF_SIGNALFLARE_AI_LOGO_VARIANTS as i, PoweredBySignalFlareAI as n, SignalflareAiLogo as o, SF_SIGNALFLARE_AI_LOGO_DEFAULT_VARIANTS as r, generateSignalFlareAILogoSvg as s, PoweredByNavigator as t };
+
+//# sourceMappingURL=signalflare-ai-logo-DDhxMJD6.js.map

package/dist/signalflare-ai-logo-DDhxMJD6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signalflare-ai-logo-DDhxMJD6.js","names":[],"sources":["../src/components/signalflare-ai-logo/signalflare-ai-logo.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\n// =============================================================================\n// Brand Colors (internal)\n// =============================================================================\n\nconst SIGNALFLARE_BLUE = \"#4188ff\";\nconst SIGNALFLARE_TEAL = \"#00a7a8\";\nconst SIGNALFLARE_GRAY = \"#766c69\";\n\n// =============================================================================\n// SVG Path Data (internal)\n// =============================================================================\n\n// Glyph (map pin icon) - from favicon.svg\nconst SIGNALFLARE_GLYPH_PATH =\n  \"M 383.980469 199.453125 C 316.03125 199.453125 260.953125 254.539062 260.953125 322.484375 C 260.953125 345.546875 267.296875 367.117188 278.339844 385.566406 L 383.976562 568.550781 L 489.699219 385.4375 C 500.6875 367.019531 507.007812 345.492188 507.007812 322.488281 C 507.007812 254.535156 451.929688 199.453125 383.980469 199.453125 Z M 383.980469 363.65625 C 361.246094 363.65625 342.8125 345.222656 342.816406 322.484375 C 342.816406 299.75 361.25 281.316406 383.980469 281.316406 C 406.722656 281.316406 425.15625 299.75 425.15625 322.484375 C 425.15625 345.222656 406.722656 363.65625 383.980469 363.65625 Z\";\n\nconst SIGNALFLARE_GLYPH_VIEWBOX = \"0 0 768 768\";\n\n// Full logo paths - from logo.svg (cls-1 = blue, cls-2 = teal)\nconst SIGNALFLARE_FULL_LOGO_VIEWBOX = \"0 0 286.96 55.03\";\n\n// Teal paths (cls-2) - dot on \"i\", \"ai\" text, decorative star element\nconst SIGNALFLARE_TEAL_PATHS = [\n  // Dot on \"i\" in \".ai\"\n  \"M285.05,10.58c-1-.7-2.22-1-3.45-.78-1.22.22-2.3.89-3.04,1.89-.74,1-1.04,2.26-.85,3.48s.85,2.3,1.85,3.04c1,.7,2.22,1,3.45.78,1.22-.22,2.3-.89,3.04-1.89s1.04-2.26.85-3.48c-.22-1.22-.89-2.33-1.85-3.04Z\",\n  // \"a\" in \".ai\"\n  \"M273.11,39.83v-7.89c0-1.78-.41-3.26-1.22-4.48-.78-1.22-1.93-2.15-3.41-2.78-1.48-.63-3.26-.96-5.33-.96-3.15,0-5.56.63-7.3,1.85s-2.78,2.89-3.19,4.96l6.22,1.48c.26-1.22.7-2.04,1.37-2.52.7-.48,1.52-.74,2.45-.74s1.7.3,2.26.93c.59.59.85,1.37.85,2.37v.63l-7.45,1.56c-2,.41-3.48,1.11-4.45,2.15-.93,1-1.37,2.3-1.37,3.85,0,1.3.3,2.37.85,3.26.59.85,1.44,1.52,2.56,2,1.07.44,2.37.7,3.85.7,1.26,0,2.48-.19,3.63-.59,1.19-.41,2.11-1.04,2.85-1.85.22-.26.41-.52.56-.82.11.37.26.74.48,1.07.48.7,1.15,1.26,2.04,1.63.85.33,1.85.52,2.96.52,1.22,0,2.3-.19,3.15-.59l.44-4.19c-.33.11-.74.19-1.26.19-1.04-.07-1.56-.63-1.56-1.74h.02ZM265.51,39.38c-.19.44-.48.85-.82,1.19-.33.3-.74.52-1.22.63-.44.15-.89.22-1.37.22-.63,0-1.19-.15-1.63-.48-.44-.33-.7-.78-.7-1.41,0-.67.19-1.15.59-1.48.44-.33,1.07-.59,1.93-.78l3.48-.74v1.19c.07.67-.04,1.22-.26,1.67h0Z\",\n  // Period in \".ai\"\n  \"M244.91,38.31c-1.33,0-2.37.33-3.15,1.04-.78.7-1.19,1.67-1.19,2.89s.37,2.15,1.19,2.85c.78.7,1.82,1.04,3.15,1.04s2.41-.33,3.15-1.04c.78-.7,1.19-1.63,1.19-2.85s-.37-2.19-1.19-2.89c-.74-.67-1.82-1.04-3.15-1.04Z\",\n  // \"i\" stem in \".ai\"\n  \"M286.11,24.16h-7.34v21.56h7.34v-21.56Z\",\n  // Decorative star/compass element\n  \"M184.7,18.26v-.02c-5.88-1.14-11.76-2.28-17.64-3.43,0-.05,0-.1-.02-.15,9.65-3.57,19.3-7.15,29.02-10.75-.23-.12-.35-.05-.47,0-3.14.95-6.28,1.9-9.43,2.86-7.19,2.18-14.39,4.35-21.58,6.54-.49.15-.62.15-.52-.44.51-3,.98-6,1.45-9.01.2-1.25.39-2.51.58-3.76-.04,0-.07-.02-.11-.03,0-.02,0-.04,0-.06v.06h-.03c-1.09,3.57-2.19,7.14-3.33,10.87-.37-1.35-.68-2.52-1-3.69-.05,0-.1.01-.15.02v4.36s-.1.03-.15.04c-1.76-2.54-3.53-5.09-5.29-7.63-.03.03-.06.06-.09.09,1.61,3.19,3.22,6.39,4.88,9.68-6.91-.65-13.65-1.29-20.4-1.93v.07h-.12l.12.02v.02c5.89,1.14,11.79,2.29,17.69,3.43v.13c-9.77,3.62-19.55,7.25-29.38,10.89.17.12.27.04.37.01,3-.91,6-1.81,8.99-2.72,7.48-2.26,14.97-4.53,22.45-6.79.23-.07.67-.44.55.29-.59,3.55-1.15,7.11-1.72,10.67-.12.74-.22,1.48-.33,2.21.03,0,.06.01.1.02v.08l.02-.08h.03c1.09-3.56,2.18-7.11,3.32-10.84.37,1.35.68,2.52,1,3.69l.14-.02v-4.34c.05-.02.11-.03.16-.05,1.76,2.54,3.52,5.07,5.29,7.61.03-.02.07-.04.1-.07-1.61-3.2-3.22-6.39-4.88-9.68,6.9.65,13.65,1.29,20.4,1.93v-.07h.13l-.13-.02h-.03Z\",\n];\n\n// Blue paths (cls-1) - \"Signal\", \"Fl\", \"are\" text\nconst SIGNALFLARE_BLUE_PATHS = [\n  // Dot on first \"i\" in \"Signal\"\n  \"M33.33,14.64c-1.48,0-2.59.3-3.26.85s-1,1.44-1,2.67.33,2.11,1,2.67,1.74.85,3.26.85,2.56-.26,3.22-.82c.7-.59,1.04-1.48,1.04-2.67s-.33-2.11-1.04-2.67c-.7-.59-1.78-.89-3.22-.89h0Z\",\n  // \"a\" in \"Signal\" (second a)\n  \"M112.39,39.83v-7.89c0-1.78-.41-3.26-1.22-4.48-.78-1.22-1.93-2.15-3.41-2.78-1.48-.63-3.26-.96-5.33-.96-3.15,0-5.56.63-7.3,1.85s-2.78,2.89-3.19,4.96l6.22,1.48c.26-1.22.7-2.04,1.37-2.52.7-.48,1.52-.74,2.45-.74s1.7.3,2.26.93c.59.59.85,1.37.85,2.37v.63l-7.45,1.56c-2,.41-3.48,1.11-4.45,2.15-.93,1-1.37,2.3-1.37,3.85,0,1.3.3,2.37.85,3.26.59.85,1.44,1.52,2.56,2,1.07.44,2.37.7,3.85.7,1.26,0,2.48-.19,3.63-.59,1.19-.41,2.11-1.04,2.85-1.85.22-.26.41-.52.56-.82.11.37.26.74.48,1.07.48.7,1.15,1.26,2.04,1.63.85.33,1.85.52,2.96.52,1.22,0,2.3-.19,3.15-.59l.44-4.19c-.33.11-.74.19-1.26.19-1.04-.07-1.56-.63-1.56-1.74h.02ZM104.84,39.38c-.19.44-.48.85-.82,1.19-.33.3-.74.52-1.22.63-.44.15-.89.22-1.37.22-.63,0-1.19-.15-1.63-.48-.44-.33-.7-.78-.7-1.41,0-.67.19-1.15.59-1.48.44-.33,1.07-.59,1.93-.78l3.48-.74v1.19c.04.67-.07,1.22-.26,1.67h0Z\",\n  // \"n\" in \"Signal\"\n  \"M84.38,24.6c-1.07-.59-2.37-.85-3.89-.85-1.37,0-2.63.26-3.74.82-1.07.52-2,1.3-2.78,2.33-.33.48-.59,1-.85,1.59l-.22-4.33h-6.56v21.6h7.34v-11.45c0-1.22.19-2.19.52-2.89s.82-1.22,1.41-1.56c.59-.33,1.26-.52,1.93-.52.89,0,1.63.3,2.19.85.59.59.85,1.59.85,3.11v12.45h7.34v-14.37c0-1.7-.33-3.11-.96-4.22-.56-1.15-1.44-1.96-2.56-2.56h-.02Z\",\n  // \"S\" in \"Signal\"\n  \"M10.84,22.93c.67-.22,1.52-.33,2.59-.33,1.82,0,3.41.33,4.82,1,1.44.63,2.78,1.59,4,2.89l3.63-4.82c-1.48-1.59-3.26-2.78-5.3-3.59-2-.85-4.33-1.26-7-1.26s-4.78.41-6.59,1.22c-1.85.82-3.26,1.93-4.22,3.33-.96,1.37-1.48,2.96-1.48,4.74,0,1.59.37,2.89,1.07,3.96.7,1.04,1.7,1.89,2.93,2.52,1.26.59,2.7,1.07,4.3,1.48l5.26,1.15c1.22.3,2.04.63,2.45,1.07.44.41.63.93.63,1.52s-.15,1-.48,1.41-.82.7-1.52.93c-.67.19-1.48.3-2.52.3-1.3,0-2.56-.19-3.85-.56-1.22-.37-2.37-.89-3.45-1.52-1.04-.67-1.93-1.41-2.63-2.26l-3.48,4.96c.96,1,2.11,1.89,3.48,2.67,1.37.78,2.93,1.37,4.67,1.82,1.74.41,3.52.59,5.45.59,2.33,0,4.41-.33,6.22-1.04,1.82-.7,3.22-1.78,4.26-3.15,1.04-1.41,1.56-3.11,1.56-5.15s-.67-3.78-2-5.04c-1.33-1.26-3.41-2.22-6.26-2.89l-4.78-1.07c-1.26-.3-2.19-.63-2.78-1.04-.56-.44-.82-.96-.82-1.56,0-.52.15-.96.44-1.37s.78-.7,1.41-.93v.02Z\",\n  // \"i\" stem in \"Signal\"\n  \"M36.96,24.16h-7.3v21.56h7.34v-21.56h-.04Z\",\n  // \"g\" in \"Signal\"\n  \"M62.64,23.19c.19,0,.33,0,.52.04.19,0,.33.04.52.07l-.59-4.93c-.11-.04-.26-.04-.37-.04h-.3c-1.37,0-2.52.33-3.45,1.04-.89.7-1.56,1.59-2,2.67-.3.7-.44,1.44-.56,2.22-1.33-.37-2.82-.52-4.52-.52-2.22,0-4.11.3-5.67.85-1.56.59-2.74,1.41-3.59,2.52-.82,1.07-1.22,2.37-1.22,3.96,0,2.33.89,4.11,2.63,5.41.26.19.56.37.85.52-.67.22-1.26.56-1.78.96-1.07.85-1.63,2-1.63,3.37s.44,2.48,1.3,3.26c.48.44,1.07.82,1.85,1.07-1.15.19-2,.52-2.63,1-.96.74-1.48,1.7-1.48,2.93,0,1.67.85,3,2.59,3.96s4.56,1.48,8.45,1.48c2.41,0,4.48-.3,6.26-.93,1.78-.59,3.15-1.44,4.15-2.63.96-1.19,1.48-2.67,1.48-4.45,0-1.96-.67-3.45-2.04-4.48-1.33-1.07-3.22-1.59-5.74-1.59h-6.85c-.82,0-1.41-.11-1.82-.33-.41-.26-.59-.63-.59-1.11,0-.44.22-.85.7-1.15.19-.15.44-.22.78-.33,1.19.26,2.52.37,4,.37,2.19,0,4.04-.26,5.59-.82,1.56-.59,2.74-1.41,3.52-2.52.85-1.07,1.26-2.41,1.26-3.96s-.41-2.89-1.26-3.96c-.52-.67-1.15-1.26-1.96-1.74.15-.48.37-.89.74-1.26.67-.67,1.59-.96,2.85-.96h0ZM47.86,46.68h7.71c.85,0,1.41.11,1.74.33.33.26.48.59.48,1.04s-.22.82-.7,1.11c-.44.33-1.15.59-2.07.78-.89.19-2.04.3-3.41.3-1.74,0-3.11-.19-4.11-.56-.96-.33-1.48-.85-1.48-1.52,0-.44.15-.78.48-1.07.37-.26.82-.41,1.37-.41h0ZM54.15,33.34c-.59.56-1.37.82-2.3.82s-1.74-.26-2.33-.82-.85-1.3-.85-2.3.3-1.78.85-2.33c.59-.56,1.37-.82,2.33-.82s1.67.26,2.3.82c.59.56.93,1.33.93,2.33-.04,1-.33,1.78-.93,2.3Z\",\n  // \"F\" in \"Flare\"\n  \"M132.7,45.76h7.41v-10.97h11.74v-5.74h-11.74v-6.04h14.71v-5.74h-22.12v28.49h0Z\",\n  // \"l\" (first) in \"Flare\"\n  \"M127.4,41.05c-.74,0-1.3-.19-1.59-.59-.33-.41-.48-1.07-.48-2.04V15.01h-7.34v24.34c0,2.41.52,4.15,1.56,5.22s2.7,1.59,5,1.59c.82,0,1.63-.11,2.45-.3.85-.19,1.52-.44,2.04-.78l.48-4.41c-.41.11-.74.19-1.04.26-.3.07-.67.11-1.07.11h0Z\",\n  // \"l\" (second) in \"Flare\"\n  \"M167.89,41.05c-.74,0-1.3-.19-1.59-.59-.33-.41-.48-1.07-.48-2.04V15.01h-7.34v24.34c0,2.41.52,4.15,1.56,5.22s2.7,1.59,5,1.59c.82,0,1.63-.11,2.45-.3.85-.19,1.52-.44,2.04-.78l.48-4.41c-.41.11-.74.19-1.04.26-.26.07-.63.11-1.07.11h0Z\",\n  // \"e\" in \"Flare\"\n  \"M232.24,25.08c-1.59-.89-3.52-1.33-5.78-1.33s-4.19.44-5.89,1.33-3,2.19-3.96,3.85c-.96,1.67-1.41,3.67-1.41,6.04s.48,4.37,1.41,6.04c.96,1.67,2.3,2.96,4,3.85,1.74.89,3.82,1.33,6.22,1.33,1.48,0,2.93-.22,4.26-.63,1.37-.44,2.56-1.07,3.52-1.89,1-.85,1.7-1.93,2.11-3.15l-5.85-1.93c-.33.78-.82,1.37-1.48,1.82-.63.44-1.48.63-2.59.63-.96,0-1.82-.19-2.52-.56-.7-.41-1.22-1.04-1.59-1.89-.19-.48-.37-1.07-.44-1.74h14.71c.04-.33.11-.78.11-1.3.04-.52.04-1.04.04-1.56,0-2-.41-3.74-1.26-5.26-.74-1.59-1.96-2.82-3.59-3.67l-.02.02ZM224.13,29.53c.67-.44,1.44-.63,2.37-.63,1.3,0,2.26.44,2.85,1.37.44.67.74,1.56.85,2.63h-7.85c.07-.48.19-.93.3-1.33.33-.93.82-1.63,1.48-2.04Z\",\n  // \"a\" in \"Flare\"\n  \"M192.38,39.83v-7.89c0-1.78-.41-3.26-1.22-4.48-.78-1.22-1.93-2.15-3.41-2.78-1.48-.63-3.26-.96-5.33-.96-3.15,0-5.56.63-7.3,1.85s-2.78,2.89-3.19,4.96l6.22,1.48c.26-1.22.7-2.04,1.37-2.52.7-.48,1.52-.74,2.45-.74s1.7.3,2.26.93c.59.59.85,1.37.85,2.37v.63l-7.45,1.56c-2,.41-3.48,1.11-4.45,2.15-.93,1-1.37,2.3-1.37,3.85,0,1.3.3,2.37.85,3.26.59.85,1.44,1.52,2.56,2,1.07.44,2.37.7,3.85.7,1.26,0,2.48-.19,3.63-.59,1.19-.41,2.11-1.04,2.85-1.85.22-.26.41-.52.56-.82.11.37.26.74.48,1.07.48.7,1.15,1.26,2.04,1.63.85.33,1.85.52,2.96.52,1.22,0,2.3-.19,3.15-.59l.44-4.19c-.33.11-.74.19-1.26.19-1.07-.07-1.56-.63-1.56-1.74h.02ZM184.78,39.38c-.19.44-.48.85-.82,1.19-.33.3-.74.52-1.22.63-.44.15-.89.22-1.37.22-.63,0-1.19-.15-1.63-.48-.44-.33-.7-.78-.7-1.41,0-.67.19-1.15.59-1.48.44-.33,1.07-.59,1.93-.78l3.48-.74v1.19c.04.67-.07,1.22-.26,1.67h0Z\",\n  // \"r\" in \"Flare\"\n  \"M211.35,23.75c-1.67,0-3.04.44-4.15,1.33-1.07.89-1.89,2.15-2.41,3.74l-.3-4.67h-6.48v21.56h7.34v-10.86c0-1.11.22-2.04.63-2.78.44-.74,1.07-1.3,1.82-1.67s1.56-.56,2.41-.56c.63,0,1.15.04,1.59.11.44.04.85.15,1.11.26l.74-6.04c-.22-.15-.56-.26-.96-.33-.33-.07-.78-.11-1.33-.11v.02Z\",\n];\n\n// =============================================================================\n// Component Variants\n// =============================================================================\n\nexport const SF_SIGNALFLARE_AI_LOGO_VARIANTS = {\n  variant: {\n    glyph: {\n      description: \"Map pin icon only (logomark)\",\n    },\n    full: {\n      description: \"Full logo with icon, wordmark, and decorative element\",\n    },\n  },\n  color: {\n    brand: {\n      description: \"Brand colors (blue primary, teal secondary)\",\n    },\n    mono: {\n      description: \"Monochrome gray\",\n    },\n    black: {\n      description: \"Solid black logo\",\n    },\n    white: {\n      description: \"Solid white logo (for dark backgrounds)\",\n    },\n  },\n} as const;\n\nexport const SF_SIGNALFLARE_AI_LOGO_DEFAULT_VARIANTS = {\n  variant: \"full\",\n  color: \"brand\",\n} as const;\n\nexport type SignalFlareAILogoVariant =\n  keyof typeof SF_SIGNALFLARE_AI_LOGO_VARIANTS.variant;\nexport type SignalFlareAILogoColor =\n  keyof typeof SF_SIGNALFLARE_AI_LOGO_VARIANTS.color;\n\nexport interface SignalFlareAILogoProps extends React.SVGAttributes<SVGSVGElement> {\n  /**\n   * Logo variant\n   * - `glyph`: Map pin icon only\n   * - `full`: Full logo with wordmark and decorative element\n   * @default \"full\"\n   */\n  variant?: SignalFlareAILogoVariant;\n  /**\n   * Color scheme\n   * - `brand`: Brand colors (blue #4188ff, teal #00a7a8)\n   * - `mono`: Monochrome gray (#766c69)\n   * - `black`: Solid black\n   * - `white`: Solid white (for dark backgrounds)\n   * @default \"brand\"\n   */\n  color?: SignalFlareAILogoColor;\n}\n\n/**\n * SignalFlare AI logo component.\n *\n * @example Glyph only (map pin icon)\n * ```tsx\n * <SignalFlareAILogo variant=\"glyph\" className=\"w-8\" />\n * ```\n *\n * @example Full logo with wordmark\n * ```tsx\n * <SignalFlareAILogo variant=\"full\" className=\"w-48\" />\n * ```\n *\n * @example White logo for dark backgrounds\n * ```tsx\n * <SignalFlareAILogo color=\"white\" className=\"w-32\" />\n * ```\n *\n * @example Monochrome logo\n * ```tsx\n * <SignalFlareAILogo color=\"mono\" className=\"w-32\" />\n * ```\n */\nexport const SignalFlareAILogo = forwardRef<\n  SVGSVGElement,\n  SignalFlareAILogoProps\n>(\n  (\n    {\n      variant = SF_SIGNALFLARE_AI_LOGO_DEFAULT_VARIANTS.variant,\n      color = SF_SIGNALFLARE_AI_LOGO_DEFAULT_VARIANTS.color,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const isGlyph = variant === \"glyph\";\n\n    // Determine fill colors based on color prop\n    const getFillColors = () => {\n      switch (color) {\n        case \"brand\":\n          return { primary: SIGNALFLARE_BLUE, secondary: SIGNALFLARE_TEAL };\n        case \"mono\":\n          return { primary: SIGNALFLARE_GRAY, secondary: SIGNALFLARE_GRAY };\n        case \"black\":\n          return { primary: \"currentColor\", secondary: \"currentColor\" };\n        case \"white\":\n          return { primary: \"currentColor\", secondary: \"currentColor\" };\n      }\n    };\n\n    const { primary, secondary } = getFillColors();\n\n    if (isGlyph) {\n      return (\n        <svg\n          ref={ref}\n          viewBox={SIGNALFLARE_GLYPH_VIEWBOX}\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          role=\"img\"\n          aria-label=\"SignalFlare AI logo\"\n          className={cn(\n            color === \"white\" && \"text-white\",\n            color === \"black\" && \"text-black\",\n            className\n          )}\n          {...props}\n        >\n          <path d={SIGNALFLARE_GLYPH_PATH} fill={primary} />\n        </svg>\n      );\n    }\n\n    // Full logo with wordmark\n    return (\n      <svg\n        ref={ref}\n        viewBox={SIGNALFLARE_FULL_LOGO_VIEWBOX}\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        role=\"img\"\n        aria-label=\"SignalFlare AI logo\"\n        className={cn(\n          color === \"white\" && \"text-white\",\n          color === \"black\" && \"text-black\",\n          className\n        )}\n        {...props}\n      >\n        {/* Blue paths (primary) - \"SignalFlare\" wordmark */}\n        {SIGNALFLARE_BLUE_PATHS.map((d, i) => (\n          <path key={`blue-${i}`} d={d} fill={primary} />\n        ))}\n        {/* Teal paths (secondary) - \".ai\" and decorative star */}\n        {SIGNALFLARE_TEAL_PATHS.map((d, i) => (\n          <path key={`teal-${i}`} d={d} fill={secondary} />\n        ))}\n      </svg>\n    );\n  }\n);\n\nSignalFlareAILogo.displayName = \"SignalFlareAILogo\";\n\n// =============================================================================\n// PoweredBySignalFlareAI Component\n// =============================================================================\n\nexport interface PoweredBySignalFlareAIProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /**\n   * Color scheme for the logo and text\n   * @default \"brand\"\n   */\n  color?: SignalFlareAILogoColor;\n}\n\n/**\n * \"Powered by SignalFlare AI\" badge component.\n *\n * Renders a link to signalflare.ai with the logo glyph and \"Powered by SignalFlare AI\" text.\n *\n * @example Basic usage\n * ```tsx\n * <PoweredBySignalFlareAI />\n * ```\n *\n * @example White variant for dark backgrounds\n * ```tsx\n * <PoweredBySignalFlareAI color=\"white\" />\n * ```\n *\n * @example Custom link\n * ```tsx\n * <PoweredBySignalFlareAI href=\"https://signalflare.ai/docs\" />\n * ```\n */\nexport const PoweredBySignalFlareAI = forwardRef<\n  HTMLAnchorElement,\n  PoweredBySignalFlareAIProps\n>(\n  (\n    { color = \"brand\", href = \"https://signalflare.ai\", className, ...props },\n    ref\n  ) => {\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={cn(\n          // Base badge styles\n          \"inline-flex items-center gap-2 rounded-lg py-2 pl-2.5 pr-3 text-sm font-medium\",\n          \"ring-1 ring-inset transition-all hover:shadow-sm\",\n          // Color variants using semantic tokens\n          (color === \"brand\" || color === \"mono\") &&\n            \"bg-sf-base text-sf-default ring-sf-line\",\n          color === \"black\" && \"bg-white text-black ring-black/20\",\n          color === \"white\" && \"bg-black text-white ring-white/20\",\n          className\n        )}\n        {...props}\n      >\n        <SignalFlareAILogo\n          variant=\"glyph\"\n          color={color}\n          className=\"h-4 w-auto\"\n        />\n        <span>\n          Powered by <span className=\"font-semibold\">SignalFlare AI</span>\n        </span>\n      </a>\n    );\n  }\n);\n\nPoweredBySignalFlareAI.displayName = \"PoweredBySignalFlareAI\";\n\n// =============================================================================\n// PoweredByNavigator Component\n// =============================================================================\n\nexport interface PoweredByNavigatorProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /**\n   * Color scheme for the logo and text\n   * @default \"brand\"\n   */\n  color?: SignalFlareAILogoColor;\n}\n\n/**\n * \"Powered by Navigator\" badge component.\n *\n * Renders a link to signalflare.ai with the logo glyph and \"Powered by Navigator\" text.\n * Navigator is SignalFlare AI's AI product.\n *\n * @example Basic usage\n * ```tsx\n * <PoweredByNavigator />\n * ```\n *\n * @example White variant for dark backgrounds\n * ```tsx\n * <PoweredByNavigator color=\"white\" />\n * ```\n *\n * @example Custom link\n * ```tsx\n * <PoweredByNavigator href=\"https://signalflare.ai/navigator\" />\n * ```\n */\nexport const PoweredByNavigator = forwardRef<\n  HTMLAnchorElement,\n  PoweredByNavigatorProps\n>(\n  (\n    { color = \"brand\", href = \"https://signalflare.ai\", className, ...props },\n    ref\n  ) => {\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={cn(\n          // Base badge styles\n          \"inline-flex items-center gap-2 rounded-lg py-2 pl-2.5 pr-3 text-sm font-medium\",\n          \"ring-1 ring-inset transition-all hover:shadow-sm\",\n          // Color variants using semantic tokens\n          (color === \"brand\" || color === \"mono\") &&\n            \"bg-sf-base text-sf-default ring-sf-line\",\n          color === \"black\" && \"bg-white text-black ring-black/20\",\n          color === \"white\" && \"bg-black text-white ring-white/20\",\n          className\n        )}\n        {...props}\n      >\n        <SignalFlareAILogo\n          variant=\"glyph\"\n          color={color}\n          className=\"h-4 w-auto\"\n        />\n        <span>\n          Powered by <span className=\"font-semibold\">Navigator</span>\n        </span>\n      </a>\n    );\n  }\n);\n\nPoweredByNavigator.displayName = \"PoweredByNavigator\";\n\n// =============================================================================\n// SVG Generation Helper\n// =============================================================================\n\nexport type SignalFlareAILogoSvgVariant = \"glyph\" | \"full\";\nexport type SignalFlareAILogoSvgColor = \"brand\" | \"mono\" | \"black\" | \"white\";\n\nexport interface GenerateSignalFlareAILogoSvgOptions {\n  /**\n   * Logo variant\n   * - `glyph`: Map pin icon only\n   * - `full`: Full logo with wordmark and decorative element\n   * @default \"full\"\n   */\n  variant?: SignalFlareAILogoSvgVariant;\n  /**\n   * Color scheme\n   * - `brand`: Brand colors (blue #4188ff, teal #00a7a8)\n   * - `mono`: Monochrome gray (#766c69)\n   * - `black`: Solid black\n   * - `white`: Solid white\n   * @default \"brand\"\n   */\n  color?: SignalFlareAILogoSvgColor;\n}\n\n/**\n * Generates SVG markup string for the SignalFlare AI logo.\n *\n * Useful for copying to clipboard or embedding in non-React contexts.\n *\n * @example Copy glyph SVG to clipboard\n * ```tsx\n * const svg = generateSignalFlareAILogoSvg({ variant: \"glyph\" });\n * await navigator.clipboard.writeText(svg);\n * ```\n *\n * @example Generate full logo in black\n * ```tsx\n * const svg = generateSignalFlareAILogoSvg({ variant: \"full\", color: \"black\" });\n * ```\n */\nexport function generateSignalFlareAILogoSvg(\n  options: GenerateSignalFlareAILogoSvgOptions = {}\n): string {\n  const { variant = \"full\", color = \"brand\" } = options;\n\n  const isGlyph = variant === \"glyph\";\n\n  // Determine fill colors\n  const getFillColor = () => {\n    switch (color) {\n      case \"brand\":\n        return { primary: SIGNALFLARE_BLUE, secondary: SIGNALFLARE_TEAL };\n      case \"mono\":\n        return { primary: SIGNALFLARE_GRAY, secondary: SIGNALFLARE_GRAY };\n      case \"black\":\n        return { primary: \"black\", secondary: \"black\" };\n      case \"white\":\n        return { primary: \"white\", secondary: \"white\" };\n    }\n  };\n\n  const { primary, secondary } = getFillColor();\n\n  if (isGlyph) {\n    return `<svg viewBox=\"${SIGNALFLARE_GLYPH_VIEWBOX}\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"SignalFlare AI logo\">\n  <path d=\"${SIGNALFLARE_GLYPH_PATH}\" fill=\"${primary}\"/>\n</svg>`;\n  }\n\n  // Full logo with wordmark\n  const bluePaths = SIGNALFLARE_BLUE_PATHS.map(\n    (d) => `  <path d=\"${d}\" fill=\"${primary}\"/>`\n  ).join(\"\\n\");\n  const tealPaths = SIGNALFLARE_TEAL_PATHS.map(\n    (d) => `  <path d=\"${d}\" fill=\"${secondary}\"/>`\n  ).join(\"\\n\");\n\n  return `<svg viewBox=\"${SIGNALFLARE_FULL_LOGO_VIEWBOX}\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-label=\"SignalFlare AI logo\">\n${bluePaths}\n${tealPaths}\n</svg>`;\n}\n\n// =============================================================================\n// Legacy export alias (scaffolded name)\n// =============================================================================\n\n/** @deprecated Use SignalFlareAILogo instead */\nexport const SignalflareAiLogo = SignalFlareAILogo;\n/** @deprecated Use SignalFlareAILogoProps instead */\nexport type SignalflareAiLogoProps = SignalFlareAILogoProps;\n"],"mappings":";;;;;AAQA,IAAM,mBAAmB;AACzB,IAAM,mBAAmB;AACzB,IAAM,mBAAmB;AAOzB,IAAM,yBACJ;AAEF,IAAM,4BAA4B;AAGlC,IAAM,gCAAgC;AAGtC,IAAM,yBAAyB;CAE7B;CAEA;CAEA;CAEA;CAEA;CACD;AAGD,IAAM,yBAAyB;CAE7B;CAEA;CAEA;CAEA;CAEA;CAEA;CAEA;CAEA;CAEA;CAEA;CAEA;CAEA;CACD;AAMD,IAAa,kCAAkC;CAC7C,SAAS;EACP,OAAO,EACL,aAAa,gCACd;EACD,MAAM,EACJ,aAAa,yDACd;EACF;CACD,OAAO;EACL,OAAO,EACL,aAAa,+CACd;EACD,MAAM,EACJ,aAAa,mBACd;EACD,OAAO,EACL,aAAa,oBACd;EACD,OAAO,EACL,aAAa,2CACd;EACF;CACF;AAED,IAAa,0CAA0C;CACrD,SAAS;CACT,OAAO;CACR;;;;;;;;;;;;;;;;;;;;;;;;AAiDD,IAAa,oBAAoB,YAK7B,EACE,UAAU,wCAAwC,SAClD,QAAQ,wCAAwC,OAChD,WACA,GAAG,SAEL,QACG;CACH,MAAM,UAAU,YAAY;CAG5B,MAAM,sBAAsB;AAC1B,UAAQ,OAAR;GACE,KAAK,QACH,QAAO;IAAE,SAAS;IAAkB,WAAW;IAAkB;GACnE,KAAK,OACH,QAAO;IAAE,SAAS;IAAkB,WAAW;IAAkB;GACnE,KAAK,QACH,QAAO;IAAE,SAAS;IAAgB,WAAW;IAAgB;GAC/D,KAAK,QACH,QAAO;IAAE,SAAS;IAAgB,WAAW;IAAgB;;;CAInE,MAAM,EAAE,SAAS,cAAc,eAAe;AAE9C,KAAI,QACF,QACE,oBAAC,OAAD;EACO;EACL,SAAS;EACT,MAAK;EACL,OAAM;EACN,MAAK;EACL,cAAW;EACX,WAAW,GACT,UAAU,WAAW,cACrB,UAAU,WAAW,cACrB,UACD;EACD,GAAI;YAEJ,oBAAC,QAAD;GAAM,GAAG;GAAwB,MAAM;GAAW,CAAA;EAC9C,CAAA;AAKV,QACE,qBAAC,OAAD;EACO;EACL,SAAS;EACT,MAAK;EACL,OAAM;EACN,MAAK;EACL,cAAW;EACX,WAAW,GACT,UAAU,WAAW,cACrB,UAAU,WAAW,cACrB,UACD;EACD,GAAI;YAZN,CAeG,uBAAuB,KAAK,GAAG,MAC9B,oBAAC,QAAD;GAA2B;GAAG,MAAM;GAAW,EAApC,QAAQ,IAA4B,CAC/C,EAED,uBAAuB,KAAK,GAAG,MAC9B,oBAAC,QAAD;GAA2B;GAAG,MAAM;GAAa,EAAtC,QAAQ,IAA8B,CACjD,CACE;;EAGX;AAED,kBAAkB,cAAc;;;;;;;;;;;;;;;;;;;;;AAkChC,IAAa,yBAAyB,YAKlC,EAAE,QAAQ,SAAS,OAAO,0BAA0B,WAAW,GAAG,SAClE,QACG;AACH,QACE,qBAAC,KAAD;EACO;EACC;EACN,QAAO;EACP,KAAI;EACJ,WAAW,GAET,kFACA,qDAEC,UAAU,WAAW,UAAU,WAC9B,2CACF,UAAU,WAAW,qCACrB,UAAU,WAAW,qCACrB,UACD;EACD,GAAI;YAhBN,CAkBE,oBAAC,mBAAD;GACE,SAAQ;GACD;GACP,WAAU;GACV,CAAA,EACF,qBAAC,QAAD,EAAA,UAAA,CAAM,eACO,oBAAC,QAAD;GAAM,WAAU;aAAgB;GAAqB,CAAA,CAC3D,EAAA,CAAA,CACL;;EAGT;AAED,uBAAuB,cAAc;;;;;;;;;;;;;;;;;;;;;;AAmCrC,IAAa,qBAAqB,YAK9B,EAAE,QAAQ,SAAS,OAAO,0BAA0B,WAAW,GAAG,SAClE,QACG;AACH,QACE,qBAAC,KAAD;EACO;EACC;EACN,QAAO;EACP,KAAI;EACJ,WAAW,GAET,kFACA,qDAEC,UAAU,WAAW,UAAU,WAC9B,2CACF,UAAU,WAAW,qCACrB,UAAU,WAAW,qCACrB,UACD;EACD,GAAI;YAhBN,CAkBE,oBAAC,mBAAD;GACE,SAAQ;GACD;GACP,WAAU;GACV,CAAA,EACF,qBAAC,QAAD,EAAA,UAAA,CAAM,eACO,oBAAC,QAAD;GAAM,WAAU;aAAgB;GAAgB,CAAA,CACtD,EAAA,CAAA,CACL;;EAGT;AAED,mBAAmB,cAAc;;;;;;;;;;;;;;;;;AA4CjC,SAAgB,6BACd,UAA+C,EAAE,EACzC;CACR,MAAM,EAAE,UAAU,QAAQ,QAAQ,YAAY;CAE9C,MAAM,UAAU,YAAY;CAG5B,MAAM,qBAAqB;AACzB,UAAQ,OAAR;GACE,KAAK,QACH,QAAO;IAAE,SAAS;IAAkB,WAAW;IAAkB;GACnE,KAAK,OACH,QAAO;IAAE,SAAS;IAAkB,WAAW;IAAkB;GACnE,KAAK,QACH,QAAO;IAAE,SAAS;IAAS,WAAW;IAAS;GACjD,KAAK,QACH,QAAO;IAAE,SAAS;IAAS,WAAW;IAAS;;;CAIrD,MAAM,EAAE,SAAS,cAAc,cAAc;AAE7C,KAAI,QACF,QAAO,iBAAiB,0BAA0B;aACzC,uBAAuB,UAAU,QAAQ;;AAYpD,QAAO,iBAAiB,8BAA8B;EAPpC,uBAAuB,KACtC,MAAM,cAAc,EAAE,UAAU,QAAQ,KAC1C,CAAC,KAAK,KAAK,CAMF;EALQ,uBAAuB,KACtC,MAAM,cAAc,EAAE,UAAU,UAAU,KAC5C,CAAC,KAAK,KAAK,CAIF;;;;AASZ,IAAa,oBAAoB"}

package/dist/skeleton-line-Do3UmGk9.js

@@ -0,0 +1,36 @@
+"use client";
+import { t as cn } from "./cn-YROP2_ox.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/loader/skeleton-line.tsx
+var getRandomWidth = (min, max) => Math.floor(Math.random() * (max - min + 1) + min);
+var getRandomFloat = (min, max) => (Math.random() * (max - min) + min).toFixed(2);
+var SkeletonLine = ({ minWidth = 30, maxWidth = 100, minDuration = 1.3, maxDuration = 1.7, minDelay = 0, maxDelay = .5, className }) => {
+	const { width, duration, delay } = useMemo(() => {
+		return {
+			width: getRandomWidth(minWidth, maxWidth),
+			duration: getRandomFloat(minDuration, maxDuration),
+			delay: getRandomFloat(minDelay, maxDelay)
+		};
+	}, [
+		minWidth,
+		maxWidth,
+		minDuration,
+		maxDuration,
+		minDelay,
+		maxDelay
+	]);
+	const lineStyle = {
+		"--skeleton-width": `${width}%`,
+		"--shimmer-duration": `${duration}s`,
+		"--shimmer-delay": `${delay}s`
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("skeleton-line", className),
+		style: lineStyle
+	});
+};
+//#endregion
+export { SkeletonLine as t };
+
+//# sourceMappingURL=skeleton-line-Do3UmGk9.js.map

package/dist/skeleton-line-Do3UmGk9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-line-Do3UmGk9.js","names":[],"sources":["../src/components/loader/skeleton-line.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useMemo } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\nconst getRandomWidth = (min: number, max: number) =>\n  Math.floor(Math.random() * (max - min + 1) + min);\n\nconst getRandomFloat = (min: number, max: number) =>\n  (Math.random() * (max - min) + min).toFixed(2);\n\nexport const SkeletonLine = ({\n  minWidth = 30,\n  maxWidth = 100,\n  minDuration = 1.3,\n  maxDuration = 1.7,\n  minDelay = 0,\n  maxDelay = 0.5,\n  className,\n}: {\n  minWidth?: number;\n  maxWidth?: number;\n  minDuration?: number;\n  maxDuration?: number;\n  minDelay?: number;\n  maxDelay?: number;\n  className?: string;\n}) => {\n  const { width, duration, delay } = useMemo(() => {\n    return {\n      width: getRandomWidth(minWidth, maxWidth),\n      duration: getRandomFloat(minDuration, maxDuration),\n      delay: getRandomFloat(minDelay, maxDelay),\n    };\n  }, [minWidth, maxWidth, minDuration, maxDuration, minDelay, maxDelay]);\n\n  const lineStyle: React.CSSProperties & { [key: string]: string } = {\n    \"--skeleton-width\": `${width}%`,\n    \"--shimmer-duration\": `${duration}s`,\n    \"--shimmer-delay\": `${delay}s`,\n  };\n\n  return (\n    <div className={cn(\"skeleton-line\", className)} style={lineStyle}></div>\n  );\n};\n"],"mappings":";;;;;AAMA,IAAM,kBAAkB,KAAa,QACnC,KAAK,MAAM,KAAK,QAAQ,IAAI,MAAM,MAAM,KAAK,IAAI;AAEnD,IAAM,kBAAkB,KAAa,SAClC,KAAK,QAAQ,IAAI,MAAM,OAAO,KAAK,QAAQ,EAAE;AAEhD,IAAa,gBAAgB,EAC3B,WAAW,IACX,WAAW,KACX,cAAc,KACd,cAAc,KACd,WAAW,GACX,WAAW,IACX,gBASI;CACJ,MAAM,EAAE,OAAO,UAAU,UAAU,cAAc;AAC/C,SAAO;GACL,OAAO,eAAe,UAAU,SAAS;GACzC,UAAU,eAAe,aAAa,YAAY;GAClD,OAAO,eAAe,UAAU,SAAS;GAC1C;IACA;EAAC;EAAU;EAAU;EAAa;EAAa;EAAU;EAAS,CAAC;CAEtE,MAAM,YAA6D;EACjE,oBAAoB,GAAG,MAAM;EAC7B,sBAAsB,GAAG,SAAS;EAClC,mBAAmB,GAAG,MAAM;EAC7B;AAED,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,iBAAiB,UAAU;EAAE,OAAO;EAAiB,CAAA"}