@cosmoops/connect-sdk 0.7.0 → 0.15.0

package/dist/types/client/components/shell-context.d.ts

@@ -0,0 +1,116 @@
+import { type ReactNode } from "react";
+import type { ConnectLinkRenderer } from "./nav.js";
+/** A plain anchor - correct anywhere, and a full page load. See `ConnectLinkRenderer`. */
+export declare const defaultRenderLink: ConnectLinkRenderer;
+/**
+ * The rail's two widths, in pixels, and the one place they are written down.
+ *
+ * They are numbers rather than Tailwind classes because the rail animates
+ * between them - `motion` interpolates a number and cannot interpolate
+ * `w-16` into `w-64`.
+ *
+ * **The pairing is load-bearing, not arbitrary.** Every row in the sidebar is
+ * laid out so its glyph sits exactly `RAIL_GUTTER + ROW_GUTTER + 10px` from
+ * the rail's left edge - 32px, which is also `RAIL_COLLAPSED / 2`. So the
+ * collapsed rail centres every icon *without a single centring rule*, and
+ * nothing moves horizontally while the width animates. Change either width
+ * and that identity breaks: the icons drift sideways during the transition,
+ * which is the exact stutter this geometry exists to avoid.
+ */
+export declare const RAIL_COLLAPSED = 64;
+export declare const RAIL_EXPANDED = 264;
+/** Horizontal padding inside the rail, on every region. Tailwind `px-3`. */
+export declare const RAIL_GUTTER = 12;
+/**
+ * The row shape every sidebar control shares - nav items, the workspace tile,
+ * the launcher, the user button.
+ *
+ * `overflow-hidden` + `whitespace-nowrap` is what makes the collapse smooth:
+ * the label is *clipped* by the shrinking rail rather than re-wrapped or
+ * re-measured, so a width animation costs no reflow. Fading the label with
+ * `SidebarLabel` on top of that hides the clip itself.
+ */
+export declare const SIDEBAR_ROW = "group/row relative flex h-10 w-full shrink-0 items-center justify-start gap-3 overflow-hidden whitespace-nowrap rounded-lg pe-2 text-sm font-normal transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus";
+/**
+ * Leading inset for a row whose glyph is 20px wide (a nav icon, the launcher).
+ * `10 + 10 = 20`, and `RAIL_GUTTER + 20 = 32`. See `RAIL_COLLAPSED`.
+ */
+export declare const SIDEBAR_ROW_ICON = "ps-[10px]";
+/**
+ * Leading inset for a row whose glyph is 32px wide (the avatar, the workspace
+ * tile). `4 + 16 = 20`, landing on the same 32px centre as `SIDEBAR_ROW_ICON`.
+ */
+export declare const SIDEBAR_ROW_TILE = "ps-[4px]";
+/**
+ * The class list for one sidebar row, in one place.
+ *
+ * Three different elements need it - a plain `<button>` (`ConnectSidebarRow`),
+ * a rendered link (`ConnectSidebarNav`), and a HeroUI `<Button>` acting as a
+ * `Modal`/`Dropdown` trigger (the account row, the launcher, the workspace
+ * tile). They cannot share a component, because a React Aria overlay has to
+ * own its own trigger element - so they share this instead. A second copy of
+ * the string is a row that drifts off the 32px centre and takes the collapse
+ * animation's smoothness with it.
+ *
+ * On the HeroUI trigger: these are all Tailwind *utilities*, and HeroUI's
+ * `.button` is a component class, so the utility layer wins - which is what
+ * lets a `w-fit`, centred, `px-`-padded button take this shape at all.
+ */
+export declare function sidebarRowClass(options?: Readonly<{
+    /** The glyph is 32px (an avatar, a workspace tile) rather than 20px. */
+    tile?: boolean;
+    /** Paint the active treatment. */
+    active?: boolean;
+    className?: string;
+}>): string;
+export interface ConnectShellContextValue {
+    /** Icon-only rail. Always `false` inside the mobile drawer - see `AppShell`. */
+    collapsed: boolean;
+    /** Whether a collapse control should be offered at all. */
+    collapsible: boolean;
+    setCollapsed: (collapsed: boolean) => void;
+    renderLink: ConnectLinkRenderer;
+    /** The host router's current path, if it supplied one. */
+    activePath?: string;
+    /** Called after any sidebar link is pressed - the mobile drawer closes itself with this. */
+    onNavigate?: () => void;
+}
+/**
+ * Shared state for every part of the shell, so `ConnectSidebarNav`,
+ * `ConnectWorkspaceSwitcher` and `ConnectUserButton` all know whether the rail
+ * is collapsed without the host threading a prop through three layers.
+ *
+ * This is the piece that makes the shell *composable* rather than only
+ * configurable: the parts are exported and can be rearranged, and they still
+ * agree about collapse, routing and the mobile drawer because they read one
+ * context instead of one another's props.
+ */
+export declare function ConnectShellProvider({ value, children, }: Readonly<{
+    value: ConnectShellContextValue;
+    children: ReactNode;
+}>): import("react").JSX.Element;
+/**
+ * The shell state a sidebar part is rendering inside.
+ *
+ * Falls back to "expanded, not collapsible, plain anchors" rather than
+ * throwing, because every part is also exported for use *outside* a shell -
+ * a host dropping `ConnectSidebarNav` into a layout it already owns should
+ * not have to mount a provider to get a nav column.
+ */
+export declare function useConnectShell(): ConnectShellContextValue;
+/**
+ * A sidebar row's text, faded out as the rail collapses.
+ *
+ * Opacity only - never width, height or margin. The rail's own width
+ * animation already moves the clip edge past this text; animating the text's
+ * box as well would make two things fight over the same pixels and is what
+ * makes a collapsing sidebar look like it stutters.
+ *
+ * Asymmetric timing on purpose. Collapsing, the label leaves *first* (no
+ * delay, quick) so the rail never appears to squeeze text; expanding, it
+ * arrives *after* the rail has opened enough to hold it.
+ */
+export declare function SidebarLabel({ children, className, }: Readonly<{
+    children: ReactNode;
+    className?: string;
+}>): import("react").JSX.Element;

package/dist/types/client/components/side-nav.d.ts

@@ -1,19 +1,20 @@
+import { defaultRenderLink } from "./shell-context.js";
 import { type ConnectLinkRenderer, type ConnectNav } from "./nav.js";
-/** A plain anchor - correct anywhere, and a full page load. See `ConnectLinkRenderer`. */
-export declare const defaultRenderLink: ConnectLinkRenderer;
-export interface ConnectSideNavProps {
+export { defaultRenderLink };
+export interface ConnectSidebarNavProps {
     /** Items, sections, or a mix - see `ConnectNav`. */
     nav: ConnectNav;
     /**
-     * The current path. Pass your router's own (`usePathname()` in Next) -
-     * without it the nav reads `window.location` and patches `history` to hear
-     * about client-side navigations, which works but is guesswork the router
-     * never has to do. See `useActivePath`.
+     * The current path. Pass your router's own (`usePathname()` in Next).
+     * Inherited from `AppShell` when omitted; without either, the nav
+     * reads `window.location` and patches `history` to hear about client-side
+     * navigations - which works, but is guesswork the router never has to do.
+     * See `useActivePath`.
      */
     activePath?: string;
-    /** See `ConnectLinkRenderer`. Defaults to a plain `<a>`. */
+    /** See `ConnectLinkRenderer`. Inherited from the shell; defaults to a plain `<a>`. */
     renderLink?: ConnectLinkRenderer;
-    /** Icon-only rail. Labels move into tooltips and children are hidden. */
+    /** Icon-only rail. Inherited from the shell when omitted. */
     collapsed?: boolean;
     /** Called after any nav link is pressed - the mobile drawer closes itself with this. */
     onNavigate?: () => void;
@@ -23,9 +24,22 @@ export interface ConnectSideNavProps {
  * The sidebar's nav column on its own - sections, items, one level of
  * children, and the active highlight.
  *
- * `ConnectAppShell` renders this inside its rail and its mobile drawer, and it
- * is exported for a host that wants the shell's navigation without its
- * chrome: the same items, the same active resolution, dropped into a layout
- * you already have.
+ * `AppShell` renders this inside its rail and its mobile drawer, and it
+ * is exported for a host that wants the shell's navigation without its chrome:
+ * the same items, the same active resolution, dropped into a layout you
+ * already have.
+ *
+ * Every prop is optional except `nav`, because inside a shell they are all
+ * inherited from it. Passing one wins over what the shell says - which is how
+ * a second nav column (see `secondaryNav`) can share the rail's collapse state
+ * while keeping its own items.
+ */
+export declare function ConnectSidebarNav({ nav, activePath, renderLink, collapsed, onNavigate, className, }: ConnectSidebarNavProps): import("react").JSX.Element;
+/**
+ * @deprecated Renamed to `ConnectSidebarNav` in 0.12 - the rail is a
+ * `ConnectSidebar` now, and its pieces are named after it. Identical
+ * behaviour; this alias will be removed in a later minor.
  */
-export declare function ConnectSideNav({ nav, activePath, renderLink, collapsed, onNavigate, className, }: ConnectSideNavProps): import("react").JSX.Element;
+export declare const ConnectSideNav: typeof ConnectSidebarNav;
+/** @deprecated Renamed to `ConnectSidebarNavProps`. */
+export type ConnectSideNavProps = ConnectSidebarNavProps;

package/dist/types/client/components/sidebar.d.ts

@@ -0,0 +1,95 @@
+import type { ComponentPropsWithoutRef, ReactNode } from "react";
+export interface ConnectSidebarProps {
+    /**
+     * The rail's contents, top to bottom. `AppShell` composes the default
+     * set; pass your own to rearrange them.
+     */
+    children: ReactNode;
+    /** Accessible name for the `<aside>`. Defaults to `"Sidebar"`. */
+    label?: string;
+    className?: string;
+}
+/**
+ * The application rail: a fixed-width column that animates between an
+ * icon-only 64px and a labelled 264px.
+ *
+ * **Why width, and nothing else, animates.** Every row inside puts its glyph
+ * on the same 32px centre in both states (see `RAIL_COLLAPSED`), and every
+ * label is clipped rather than re-measured (see `SIDEBAR_ROW`). So the only
+ * property in flight is this element's width: no child moves, no text
+ * re-wraps, and there is no per-frame layout pass on the rows. That is why the
+ * collapse looks smooth rather than merely fast.
+ *
+ * Hidden below `md`. The mobile drawer renders the same children with
+ * `collapsed: false`, because a 64px icon rail on a phone is a worse drawer,
+ * not a smaller one.
+ */
+export declare function ConnectSidebar({ children, label, className }: ConnectSidebarProps): import("react").JSX.Element;
+export interface ConnectSidebarHeaderProps {
+    /** This application's name, in the `cosmo·ops VOICE` lockup. See `ConnectLogo`. */
+    name: string;
+    /** This application's glyph, drawn on the CosmoOps badge. */
+    icon?: ReactNode;
+    /** Where the lockup links when the rail is expanded. Defaults to `/`. */
+    homeHref?: string;
+}
+/**
+ * The brand row, and the rail's own expand/collapse control.
+ *
+ * **Two states, one DOM.** The badge is mounted once and never re-created; the
+ * wordmark fades beside it and the collapse button fades at the trailing edge.
+ * Swapping which *element* renders the brand would remount it halfway through
+ * the width animation and flicker.
+ *
+ * Collapsed, hovering or focusing the badge swaps it for the expand glyph, so
+ * the rail needs no permanent control eating a row. Expanded, the control sits
+ * at the header's trailing edge, where it can be aimed at without covering the
+ * brand. The swap is pure CSS on a `group` - hovering re-renders nothing,
+ * which is what keeps it instant.
+ *
+ * The trade this makes, deliberately: **collapsed, the lockup is no longer a
+ * link home.** It has become the expand control, and one target that navigates
+ * on click but expands on click-after-hover would be worse than either. Put
+ * home in the nav; every application already does.
+ */
+export declare function ConnectSidebarHeader({ name, icon, homeHref }: ConnectSidebarHeaderProps): import("react").JSX.Element;
+/**
+ * The rail's scrolling region, for the primary navigation. Everything else in
+ * the sidebar is `shrink-0`, so this is the only part that ever gives way.
+ */
+export declare function ConnectSidebarBody({ children }: Readonly<{
+    children: ReactNode;
+}>): import("react").JSX.Element;
+/**
+ * A pinned region at the foot of the rail - the secondary nav, the launcher,
+ * the account row.
+ *
+ * `separated` draws the hairline above it. The account row wants one; a
+ * secondary nav sitting directly on top of the account row does not, or the
+ * rail ends in two rules a few pixels apart.
+ */
+export declare function ConnectSidebarFooter({ children, separated, }: Readonly<{
+    children: ReactNode;
+    separated?: boolean;
+}>): import("react").JSX.Element;
+export type ConnectSidebarRowProps = Readonly<{
+    /** The glyph. 20px by default; 32px when `tile`. */
+    icon: ReactNode;
+    /** The row's text, and - when it is a string - its accessible name. */
+    label: ReactNode;
+    /** Overrides the accessible name. Required when `label` is not a string. */
+    "aria-label"?: string;
+    /** The glyph is 32px (an avatar, a workspace tile) rather than 20px. */
+    tile?: boolean;
+    /** Trailing content, e.g. a chevron. Clipped with the label while collapsed. */
+    trailing?: ReactNode;
+}> & Omit<ComponentPropsWithoutRef<"button">, "aria-label">;
+/**
+ * A pressable row in the rail that is not a nav item - the launcher, the
+ * account button, anything a host adds to the footer.
+ *
+ * Exported so a host's own row lines up with the SDK's. It applies the same
+ * 32px glyph centre and the same label fade, which is what stops a partner's
+ * "Help" row drifting sideways while every row above it holds still.
+ */
+export declare function ConnectSidebarRow({ icon, label, tile, trailing, className, "aria-label": ariaLabel, ...props }: ConnectSidebarRowProps): import("react").JSX.Element;

package/dist/types/client/components/user-menu.d.ts

@@ -14,35 +14,81 @@ export interface ConnectUserMenuProps {
     theme?: ThemeMode;
     onThemeChange?: (theme: ThemeMode) => void;
 }
+export interface ConnectProfileModalProps {
+    /** Controlled open state. */
+    isOpen: boolean;
+    onOpenChange: (isOpen: boolean) => void;
+    /** Called after sign-out completes, e.g. to route home. */
+    onSignOut?: () => void;
+    /** See `ConnectUserButtonProps.theme`. */
+    theme?: ThemeMode;
+    onThemeChange?: (theme: ThemeMode) => void;
+}
 /**
- * Avatar and name in the trigger; an identity card, the three Connect
- * destinations (Profile, Billing, Connect), an optional appearance control,
- * this account's active sessions, and sign-out in the modal it opens.
+ * The account modal with **no trigger of its own**, driven by the host.
+ *
+ * For an application that already has an account control it wants to keep -
+ * an avatar in its own chrome, a "Manage account" row in its own settings
+ * page - and wants Connect's modal behind it rather than rebuilding identity,
+ * sessions and sign-out. `ConnectUserButton` is the same modal with the
+ * trigger supplied; reach for this one only when that trigger is in the way.
  *
- * Profile/Billing/Connect open in a **new tab**, each marked with an
- * external-link icon. They are a different application at a different
- * origin, and navigating the host app away to reach them would lose
- * whatever the user was doing here. Sign out is the only action that acts
- * in place, which is why it sits alone in the footer rather than as a fourth
- * item in the same list as three navigations.
+ * Renders nothing when signed out, open or not - there is no account to show.
+ */
+export declare function ConnectProfileModal({ isOpen, onOpenChange, onSignOut, theme, onThemeChange, }: ConnectProfileModalProps): import("react").JSX.Element | null;
+export interface ConnectUserButtonProps {
+    /**
+     * How the trigger is drawn.
+     *
+     * - `"row"` - a full-width sidebar row: avatar, name over email, and a
+     *   trailing glyph. The default, because the account control now lives in
+     *   the rail's footer rather than in a top bar.
+     * - `"compact"` - the avatar alone, for a dense strip.
+     * - `"inline"` - avatar and name side by side, for a bar with room.
+     */
+    variant?: "row" | "compact" | "inline";
+    /** Called after sign-out completes, e.g. to route home. */
+    onSignOut?: () => void;
+    className?: string;
+    /**
+     * Current theme, and where to send a change - the SDK has no theme provider
+     * of its own (no `next-themes` dependency), so this is entirely
+     * host-controlled. The Appearance section only renders when both are
+     * supplied; omit either to leave theme control out of the modal.
+     */
+    theme?: ThemeMode;
+    onThemeChange?: (theme: ThemeMode) => void;
+}
+/**
+ * The signed-in account, as a control that opens the account modal.
  *
- * The session list is account-wide, not scoped to this application - see
- * `ConnectUserSession`'s doc comment in `types.ts`. Appearance only renders
- * when both `theme` and `onThemeChange` are supplied.
+ * In `"row"` form this is the last thing in the sidebar, which is where an
+ * account control belongs: it is the one item in the rail that is about *you*
+ * rather than about the product, and the foot of a column is where every
+ * application a customer already uses puts that. It collapses with the rail -
+ * the avatar holds its position and the name fades - because the avatar alone
+ * is still a complete account control, which is exactly what an icon rail
+ * needs.
  *
- * Renders nothing when signed out - pair it with `<ConnectLoginButton>`, which
- * renders nothing when signed *in*, and the two swap cleanly with no branch in
- * your own layout.
+ * Renders nothing when signed out. Pair it with `<ConnectLoginButton>`, which
+ * renders nothing when signed *in*, and the two swap with no branch in your
+ * own layout.
  *
  * On the HeroUI shape: the trigger is a plain `<Button>` as a **direct child**
- * of `<Modal>`, not wrapped in `<Modal.Trigger>`. `Dropdown.Trigger` (and by
- * the same construction, `Modal.Trigger`) is itself a React Aria `Button`, so
- * wrapping one produces a button inside a button - invalid markup, and press
- * handling stops working. Kept uncontrolled (no `isOpen`/`onOpenChange`),
- * matching `<ConnectAppsGrid>`'s own `<Modal>` - nothing here needs to close
- * the modal programmatically; sign-out uses `slot="close"` instead.
+ * of `<Modal>`, not wrapped in `<Modal.Trigger>`. `Dropdown.Trigger` - and by
+ * the same construction `Modal.Trigger` - is itself a React Aria `Button`, so
+ * wrapping one produces a button inside a button: invalid markup, and press
+ * handling stops working.
+ */
+export declare function ConnectUserButton({ variant, onSignOut, className, theme, onThemeChange, }: ConnectUserButtonProps): import("react").JSX.Element | null;
+/**
+ * @deprecated Renamed to `ConnectUserButton` in 0.12 - it is one button that
+ * opens a modal, and calling it a "menu" had people looking for a dropdown
+ * that never existed. `compact` maps to `variant="compact"`, and the old
+ * default (avatar plus name) to `variant="inline"`. This alias will be removed
+ * in a later minor.
  */
-export declare function ConnectUserMenu({ compact, onSignOut, className, theme, onThemeChange, }: ConnectUserMenuProps): import("react").JSX.Element | null;
+export declare function ConnectUserMenu({ compact, ...rest }: ConnectUserMenuProps): import("react").JSX.Element;
 /**
  * The "Manage subscription" action on its own, for layouts that want it
  * visible rather than buried in the account menu - a billing banner, an empty
@@ -70,7 +116,8 @@ export declare function ConnectInvoicesButton({ className }: Readonly<{
  * `ConnectHomeButton`.
  *
  * It was reachable only from inside `ConnectUserMenu`, which meant an app that
- * builds its own account menu had to hardcode `${appUrl}/profile` to offer it.
+ * builds its own account menu had to hardcode `${appUrl}/profile` to offer it -
+ * and got no `return_to`, so the user had no way back.
  */
 export declare function ConnectProfileButton({ className }: Readonly<{
     className?: string;

package/dist/types/client/components/workspace-switcher.d.ts

@@ -0,0 +1,49 @@
+import type { UserWorkspace } from "../../types.js";
+export interface ConnectWorkspaceSwitcherProps {
+    /**
+     * Called after a successful switch. Defaults to a full reload, which is
+     * almost always right: every server-rendered page in the host application
+     * was built for the *previous* workspace, and a client-side refresh would
+     * leave stale data on screen next to the new workspace's name.
+     */
+    onSwitched?: (workspace: UserWorkspace) => void;
+    /**
+     * Draw the trigger as a sidebar row rather than a plain button. On by
+     * default inside `AppShell`, where this sits directly under the
+     * brand; pass `false` for a standalone placement in your own chrome.
+     */
+    row?: boolean;
+    className?: string;
+}
+/**
+ * Switches which workspace this application is looking at.
+ *
+ * **Rendered in the `AppShell` sidebar header by default**, directly
+ * under the brand - which workspace you are in scopes everything below it, so
+ * it reads as a heading for the nav rather than as one more destination.
+ *
+ * It decides for itself whether to appear: an account with one workspace is
+ * shown nothing, because a switcher offering one option teaches the user
+ * nothing and costs a row of chrome on every screen. That is the opposite of
+ * Connect's own switcher, which always renders - Connect is where a workspace
+ * is *created*, so hiding it at one workspace would guarantee nobody ever
+ * reached two. A partner application creates nothing, so it has no such duty.
+ *
+ * **Authorization is the data, not a prop.** The list comes from the caller's
+ * own session (`GET /workspaces` takes no user id), so a workspace the user
+ * may not reach is simply not in it. There is deliberately no `roles` prop to
+ * pass or forget - the only way to render a row is for Connect to have
+ * returned it.
+ *
+ * Rows the user *belongs to* but cannot use here - a workspace outside the
+ * application's audience, or one with no subscription - are shown **disabled
+ * with the reason** rather than hidden. Hiding them reads as data loss to the
+ * person who owns the workspace; `switch` refuses the same two cases, so the
+ * label and the outcome always agree.
+ *
+ * A switch rotates the session token. The bridge persists the new one in the
+ * host application's own session store and the token never reaches this
+ * component - so the only thing to do afterwards is reload, which is what
+ * `onSwitched` defaults to.
+ */
+export declare function ConnectWorkspaceSwitcher({ onSwitched, row, className, }: Readonly<ConnectWorkspaceSwitcherProps>): import("react").JSX.Element | null;

package/dist/types/client/components/workspace-type-gate.d.ts

@@ -0,0 +1,48 @@
+import type { ReactNode } from "react";
+import type { WorkspaceType } from "../../types.js";
+export interface ConnectWorkspaceTypeGateProps {
+    /**
+     * The workspace type this subtree is for. Pass an array to accept either -
+     * which is the same as not using the gate at all, so it exists only to keep
+     * a `type={someVariable}` call site from having to special-case "both".
+     */
+    type: WorkspaceType | WorkspaceType[];
+    children: ReactNode;
+    /**
+     * Rendered for a workspace of the other type. Defaults to `null` - hiding
+     * the subtree, which is what this gate is normally for.
+     */
+    fallback?: ReactNode;
+    /** Shown until the session read settles. Defaults to nothing. */
+    loading?: ReactNode;
+}
+/**
+ * Renders `children` only for a workspace of the given type.
+ *
+ * ```tsx
+ * <ConnectWorkspaceTypeGate type="business">
+ *   <TeamMembersTable />
+ * </ConnectWorkspaceTypeGate>
+ * ```
+ *
+ * The point is dead controls, not access: an `"individual"` workspace has
+ * exactly one seat and can never have another, so a members table, an invite
+ * button and a seat meter are all things that can only ever fail there.
+ * Hiding them is a better answer than letting someone press one and read an
+ * error about an account shape they did not choose.
+ *
+ * This is emphatically **not** the audience gate. It does not know what your
+ * application is sold to and will happily render a business-only subtree to a
+ * business workspace that has no business being in your application at all -
+ * that is `<ConnectAccessGate>`'s job, off the `audience_mismatch` readiness
+ * blocker. Use this one *inside* an application both audiences can reach, to
+ * vary what each sees.
+ *
+ * Like every gate in this package it is a **UX gate, not a security
+ * boundary**: the browser can ignore it. Anything that must not happen for an
+ * individual workspace has to be refused on your server too.
+ *
+ * Renders `loading` - not `fallback` - while the session is unknown, so a
+ * business account never flickers through the individual-account layout.
+ */
+export declare function ConnectWorkspaceTypeGate({ type, children, fallback, loading, }: ConnectWorkspaceTypeGateProps): import("react").JSX.Element;

package/dist/types/client/index.d.ts

@@ -10,30 +10,44 @@
  * whatever theme the host application platform already configured, and one theme
  * change lands identically in all of them.
  */
-export { ConnectProvider, useConnect, useConnectUser, useConnectEntitlements, useConnectPlans, useConnectApps, useConnectAddonUsage, useConnectSessions, useConnectIntegrations, useConnectResource, CONNECT_APP_URL, } from "./provider.js";
+export { ConnectProvider, useConnect, useConnectUser, useConnectWorkspaceType, useConnectAudience, useConnectPlatformAccess, useConnectEntitlements, useConnectPlans, useConnectApps, useConnectCompanyProfile, useConnectAddonUsage, useConnectSessions, useConnectIntegrations, useConnectResource, CONNECT_APP_URL, } from "./provider.js";
 export type { ConnectProviderProps, ConnectContextValue, ConnectSession } from "./provider.js";
 export { blockingBlockers, normalizePlanFeatures } from "../helpers.js";
 export type { WirePlanFeature } from "../helpers.js";
 export { ConnectError, isConnectError } from "../errors.js";
 export type * from "../types.js";
+export { ConnectGrievanceNotice } from "./components/grievance-notice.js";
+export type { ConnectGrievanceNoticeProps } from "./components/grievance-notice.js";
 export { ConnectMark } from "./mark.js";
 export { ConnectLogo } from "./components/logo.js";
 export type { ConnectLogoProps } from "./components/logo.js";
 export { ConnectLoginButton, ConnectRegisterButton } from "./components/auth-buttons.js";
 export type { ConnectAuthButtonProps } from "./components/auth-buttons.js";
-export { ConnectUserMenu, ConnectManageSubscriptionButton, ConnectInvoicesButton, ConnectProfileButton, ConnectHomeButton, ConnectSignOutButton, } from "./components/user-menu.js";
+export { ConnectUserButton, ConnectProfileModal, 
+/** @deprecated Renamed to `ConnectUserButton`. */
+ConnectUserMenu, ConnectManageSubscriptionButton, ConnectInvoicesButton, ConnectProfileButton, ConnectHomeButton, ConnectSignOutButton, } from "./components/user-menu.js";
+export type { ConnectUserButtonProps, ConnectProfileModalProps } from "./components/user-menu.js";
 export { ConnectAccountSessions } from "./components/account-sessions.js";
 export type { ConnectAccountSessionsProps } from "./components/account-sessions.js";
 export type { ConnectUserMenuProps } from "./components/user-menu.js";
-export { ConnectAppShell } from "./components/app-shell.js";
-export type { ConnectAppShellProps } from "./components/app-shell.js";
-export { ConnectSideNav } from "./components/side-nav.js";
-export type { ConnectSideNavProps } from "./components/side-nav.js";
+export { AppShell } from "./components/app-shell.js";
+export type { AppShellProps } from "./components/app-shell.js";
+export { ConnectSidebar, ConnectSidebarHeader, ConnectSidebarBody, ConnectSidebarFooter, ConnectSidebarRow, } from "./components/sidebar.js";
+export type { ConnectSidebarProps, ConnectSidebarHeaderProps, ConnectSidebarRowProps, } from "./components/sidebar.js";
+export { ConnectShellProvider, useConnectShell, sidebarRowClass, RAIL_COLLAPSED, RAIL_EXPANDED, } from "./components/shell-context.js";
+export type { ConnectShellContextValue } from "./components/shell-context.js";
+export { ConnectSidebarNav, ConnectSideNav } from "./components/side-nav.js";
+export type { ConnectSidebarNavProps, ConnectSideNavProps } from "./components/side-nav.js";
 export { useActivePath } from "./use-active-path.js";
-export { normalizeNav, flattenNav, normalizePath, resolveActivePath, isNavItemActive, gateExemptPaths, } from "./components/nav.js";
+export { normalizeNav, flattenNav, normalizePath, resolveActivePath, isNavItemActive, gateExemptPaths, filterNavForAudience, } from "./components/nav.js";
 export type { ConnectNav, ConnectNavItem, ConnectNavSection, ConnectNavLinkProps, ConnectLinkRenderer, } from "./components/nav.js";
 export { ConnectAppsGrid } from "./components/apps-grid.js";
 export type { ConnectAppsGridProps } from "./components/apps-grid.js";
+export { ConnectAskAi } from "./components/ask-ai.js";
+export type { ConnectAskAiProps } from "./components/ask-ai.js";
+export { AiTable, AiChart, AiMetrics, AiTimeline, AiDetails, AiSteps, AiSources, } from "./components/ai-widgets.js";
+export { formatAiValue, isNumericAiFormat, aiStatusTone, AI_EMPTY_VALUE, AI_TONE_CHIP, AI_TONE_DOT, } from "./components/ai-format.js";
+export type { AiStatusTone } from "./components/ai-format.js";
 export { ConnectIntegrationsModal } from "./components/integrations-modal.js";
 export type { ConnectIntegrationsModalProps } from "./components/integrations-modal.js";
 export { ConnectPlans } from "./components/plans.js";
@@ -48,11 +62,26 @@ export { ConnectAccessGate, useConnectAccessGate } from "./components/access-gat
 export type { ConnectAccessGateProps, ConnectAccessGateState, ConnectAccessGateResult, } from "./components/access-gate.js";
 export { ConnectFeatureGate, useConnectFeature } from "./components/feature-gate.js";
 export type { ConnectFeatureGateProps } from "./components/feature-gate.js";
+export { ConnectWorkspaceTypeGate } from "./components/workspace-type-gate.js";
+export type { ConnectWorkspaceTypeGateProps } from "./components/workspace-type-gate.js";
+export { ConnectPlatformGate } from "./components/platform-gate.js";
+export type { ConnectPlatformGateProps } from "./components/platform-gate.js";
 export { ConnectUsageMeter } from "./components/usage-meter.js";
 export type { ConnectUsageMeterProps } from "./components/usage-meter.js";
 export { ConnectPlansPage } from "./components/plans-page.js";
 export type { ConnectPlansPageProps } from "./components/plans-page.js";
+export { ConnectLinkButton } from "./components/link-button.js";
+export type { ConnectLinkButtonProps } from "./components/link-button.js";
+export { ConnectConfirmDialog } from "./components/confirm-dialog.js";
+export type { ConnectConfirmDialogProps } from "./components/confirm-dialog.js";
+export { ConnectCursorPagination } from "./components/cursor-pagination.js";
+export type { ConnectCursorPaginationProps } from "./components/cursor-pagination.js";
+export { ConnectFilterTabs } from "./components/filter-tabs.js";
+export type { ConnectFilterTabsProps, ConnectFilterTabsOption } from "./components/filter-tabs.js";
 export { useConnectCheckout, buildCheckoutUrl } from "./use-checkout.js";
 export type { ConnectCheckoutStatus, ConnectCheckoutState, ConnectEntitlements, StartCheckoutOptions, CheckoutUrlOptions, } from "./use-checkout.js";
 export { formatPrice, monthlyOf, resolveAction, annualSaving, discountLabel, ACTION_LABEL, groupPlansByTier, resolvePlanGroup, } from "./components/plan-pricing.js";
 export type { PlanAction, PlanTier, ComparablePlan } from "./components/plan-pricing.js";
+export { ConnectWorkspaceSwitcher } from "./components/workspace-switcher.js";
+export type { ConnectWorkspaceSwitcherProps } from "./components/workspace-switcher.js";
+export { useConnectWorkspaces, useConnectWorkspaceMembers } from "./provider.js";