highsoft-ui 1.0.155 → 1.0.157

package/dist/lib/components/BrowserFrame/index.d.ts

@@ -0,0 +1,83 @@
+import { HTMLAttributes, IframeHTMLAttributes, ReactNode } from 'react';
+/** An external-link action button in the top bar (e.g. JSFiddle, CodePen). */
+export interface BrowserFrameAction {
+    label: string;
+    href: string;
+}
+export interface BrowserFrameProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /**
+     * Bar style. `'full'` shows the URL pill with an action button, `'mini'` a
+     * centered explainer line, `'plain'` just the window dots. Default `'full'`.
+     */
+    variant?: 'full' | 'mini' | 'plain';
+    /** URL to embed as a real `<iframe>`. Alternatively pass `children`. */
+    src?: string;
+    /** Address shown in the URL pill (`full`). Defaults to `src`. */
+    displayUrl?: string;
+    /**
+     * Link target for the URL text and the View button. Defaults to
+     * `displayUrl` / `src`.
+     */
+    href?: string;
+    /**
+     * The button in the URL pill (`full` only): `'view'` opens `href` in a new
+     * tab, `'fullscreen'` expands the frame via the Fullscreen API (falling back
+     * to opening `href` where unsupported), `'none'` hides it. Default `'view'`.
+     */
+    action?: 'view' | 'fullscreen' | 'none';
+    /** Label for the action button. Defaults to `View` / `Fullscreen`. */
+    actionLabel?: string;
+    /** Centered description line in the bar (`mini`). */
+    explainer?: ReactNode;
+    /** Renders the explainer as a link to this URL. */
+    explainerHref?: string;
+    /** External-link buttons on the right of the bar (designed for `mini`). */
+    actions?: BrowserFrameAction[];
+    /**
+     * Window-dot treatment. Defaults per variant: colored traffic lights on
+     * `full`, muted gray on `mini`/`plain` — override to force either.
+     */
+    dots?: 'color' | 'muted';
+    /**
+     * Aspect ratio of the embed area, e.g. `'16 / 9'`. Default `'3 / 2'`.
+     * `'auto'` lets children flow at their natural height instead. Ignored when
+     * `height` is set.
+     */
+    aspectRatio?: string;
+    /**
+     * Frame width — a number (px) or any CSS length. Defaults to filling the
+     * parent (`'100%'`).
+     */
+    width?: number | string;
+    /**
+     * Fixed frame height — a number (px) or any CSS length. The embed area
+     * takes what the bar leaves over; overrides `aspectRatio`.
+     */
+    height?: number | string;
+    /** Corner radius in px. Default `8`. */
+    radius?: number;
+    /**
+     * Accessible name for the embedded `<iframe>` — describe what it shows.
+     * Required with `src`.
+     */
+    title?: string;
+    /** Forwarded to the `<iframe>`. Default `'lazy'`. */
+    loading?: 'lazy' | 'eager';
+    /** Forwarded to the `<iframe>`. */
+    sandbox?: IframeHTMLAttributes<HTMLIFrameElement>['sandbox'];
+    /** Forwarded to the `<iframe>`. */
+    allow?: string;
+    /** Forwarded to the `<iframe>`. Default `true`. */
+    allowFullScreen?: boolean;
+    /** Forwarded to the `<iframe>`. */
+    referrerPolicy?: IframeHTMLAttributes<HTMLIFrameElement>['referrerPolicy'];
+    /** Embedded content rendered instead of an `src` iframe. */
+    children?: ReactNode;
+}
+/**
+ * Browser-window chrome around embedded content — a real `<iframe>` via `src`,
+ * or any children (a live demo, a screenshot). Three bar variants: `full`
+ * (URL pill + View/Fullscreen button), `mini` (explainer + external links),
+ * `plain` (dots only).
+ */
+export declare const BrowserFrame: import('react').ForwardRefExoticComponent<BrowserFrameProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/lib/components/ClientLogo/dimensions.d.ts

@@ -0,0 +1,131 @@
+export declare const clientLogoBaseHeight = 109;
+export declare const clientLogoDimensions: {
+    readonly alteryx: {
+        readonly width: 358;
+        readonly height: 109;
+    };
+    readonly 'bank-of-america': {
+        readonly width: 1085;
+        readonly height: 109;
+    };
+    readonly 'bnp-paribas': {
+        readonly width: 524;
+        readonly height: 109;
+    };
+    readonly 'bold-bi': {
+        readonly width: 400;
+        readonly height: 134;
+    };
+    readonly citi: {
+        readonly width: 169;
+        readonly height: 109;
+    };
+    readonly crowdstrike: {
+        readonly width: 614;
+        readonly height: 109;
+    };
+    readonly cvs: {
+        readonly width: 838;
+        readonly height: 109;
+    };
+    readonly drivetrain: {
+        readonly width: 526;
+        readonly height: 109;
+    };
+    readonly epa: {
+        readonly width: 458;
+        readonly height: 109;
+    };
+    readonly fnz: {
+        readonly width: 317;
+        readonly height: 109;
+    };
+    readonly gainsight: {
+        readonly width: 400;
+        readonly height: 109;
+    };
+    readonly 'gi-gaven-videre': {
+        readonly width: 302;
+        readonly height: 118;
+    };
+    readonly github: {
+        readonly width: 439;
+        readonly height: 109;
+    };
+    readonly google: {
+        readonly width: 331;
+        readonly height: 109;
+    };
+    readonly horus: {
+        readonly width: 459;
+        readonly height: 134;
+    };
+    readonly icbc: {
+        readonly width: 330;
+        readonly height: 109;
+    };
+    readonly 'johnson-johnson': {
+        readonly width: 1166;
+        readonly height: 109;
+    };
+    readonly medtronic: {
+        readonly width: 661;
+        readonly height: 109;
+    };
+    readonly morningstar: {
+        readonly width: 478;
+        readonly height: 109;
+    };
+    readonly mufg: {
+        readonly width: 463;
+        readonly height: 109;
+    };
+    readonly netflix: {
+        readonly width: 400;
+        readonly height: 109;
+    };
+    readonly paypal: {
+        readonly width: 445;
+        readonly height: 109;
+    };
+    readonly pfizer: {
+        readonly width: 267;
+        readonly height: 109;
+    };
+    readonly salesforce: {
+        readonly width: 155;
+        readonly height: 109;
+    };
+    readonly samsung: {
+        readonly width: 400;
+        readonly height: 109;
+    };
+    readonly sap: {
+        readonly width: 220;
+        readonly height: 109;
+    };
+    readonly testmo: {
+        readonly width: 400;
+        readonly height: 118;
+    };
+    readonly 'thomson-reuters': {
+        readonly width: 736;
+        readonly height: 109;
+    };
+    readonly verizon: {
+        readonly width: 488;
+        readonly height: 109;
+    };
+    readonly visa: {
+        readonly width: 336;
+        readonly height: 109;
+    };
+    readonly who: {
+        readonly width: 355;
+        readonly height: 109;
+    };
+    readonly x: {
+        readonly width: 109;
+        readonly height: 109;
+    };
+};

package/dist/lib/components/ClientLogo/icons/mono/Alteryx.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Alteryx(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/BankOfAmerica.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function BankOfAmerica(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/BnpParibas.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function BnpParibas(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/BoldBi.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function BoldBi(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Citi.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Citi(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Crowdstrike.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Crowdstrike(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Cvs.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Cvs(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Drivetrain.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Drivetrain(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Epa.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Epa(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Fnz.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Fnz(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Gainsight.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Gainsight(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/GiGavenVidere.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function GiGavenVidere(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Github.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Github(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Google.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Google(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Horus.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Horus(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Icbc.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Icbc(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/JohnsonJohnson.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function JohnsonJohnson(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Medtronic.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Medtronic(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Morningstar.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Morningstar(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Mufg.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Mufg(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Netflix.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Netflix(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Paypal.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Paypal(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Pfizer.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Pfizer(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Salesforce.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Salesforce(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Samsung.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Samsung(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Sap.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Sap(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Testmo.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Testmo(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/ThomsonReuters.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function ThomsonReuters(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Verizon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Verizon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Visa.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Visa(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/Who.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function Who(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/X.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export default function X(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/dist/lib/components/ClientLogo/icons/mono/index.d.ts

@@ -0,0 +1,32 @@
+export { default as Alteryx } from './Alteryx';
+export { default as BankOfAmerica } from './BankOfAmerica';
+export { default as BnpParibas } from './BnpParibas';
+export { default as BoldBi } from './BoldBi';
+export { default as Citi } from './Citi';
+export { default as Crowdstrike } from './Crowdstrike';
+export { default as Cvs } from './Cvs';
+export { default as Drivetrain } from './Drivetrain';
+export { default as Epa } from './Epa';
+export { default as Fnz } from './Fnz';
+export { default as Gainsight } from './Gainsight';
+export { default as GiGavenVidere } from './GiGavenVidere';
+export { default as Github } from './Github';
+export { default as Google } from './Google';
+export { default as Horus } from './Horus';
+export { default as Icbc } from './Icbc';
+export { default as JohnsonJohnson } from './JohnsonJohnson';
+export { default as Medtronic } from './Medtronic';
+export { default as Morningstar } from './Morningstar';
+export { default as Mufg } from './Mufg';
+export { default as Netflix } from './Netflix';
+export { default as Paypal } from './Paypal';
+export { default as Pfizer } from './Pfizer';
+export { default as Salesforce } from './Salesforce';
+export { default as Samsung } from './Samsung';
+export { default as Sap } from './Sap';
+export { default as Testmo } from './Testmo';
+export { default as ThomsonReuters } from './ThomsonReuters';
+export { default as Verizon } from './Verizon';
+export { default as Visa } from './Visa';
+export { default as Who } from './Who';
+export { default as X } from './X';

package/dist/lib/components/ClientLogo/index.d.ts

@@ -0,0 +1,54 @@
+import { SVGProps } from 'react';
+/**
+ * Available client logos.
+ *
+ * The Figma exports share a baseline height (with deliberate per-logo
+ * exceptions), so rendering a set of them with one `size` produces a wall
+ * where every logo keeps its Figma-tuned relative size.
+ *
+ * @see ClientLogo.stories.tsx for visual examples
+ */
+export type ClientLogoName = 'netflix' | 'samsung' | 'sap' | 'thomson-reuters' | 'verizon' | 'x' | 'visa' | 'github' | 'google' | 'bank-of-america' | 'fnz' | 'bnp-paribas' | 'mufg' | 'icbc' | 'citi' | 'johnson-johnson' | 'medtronic' | 'cvs' | 'pfizer' | 'who' | 'paypal' | 'salesforce' | 'crowdstrike' | 'alteryx' | 'gainsight' | 'bold-bi' | 'horus' | 'morningstar' | 'epa' | 'testmo' | 'gi-gaven-videre' | 'drivetrain';
+export interface ClientLogoProps extends Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> {
+    /** Company name */
+    logo: ClientLogoName;
+    /**
+     * Visual size in px — the rendered height of a baseline logo. Every logo
+     * is scaled by the same factor, so a wall keeps the relative sizes tuned
+     * in Figma (a logo exported taller than the baseline renders bigger on
+     * purpose). Default `32`.
+     */
+    size?: number;
+    /**
+     * Explicit width — number (px) or any CSS length. Height follows the
+     * logo's aspect ratio. Overrides `size`.
+     */
+    width?: number | string;
+    /**
+     * Explicit height — number (px) or any CSS length. When set without
+     * `width`, width follows the aspect ratio instead. Overrides `size`.
+     */
+    height?: number | string;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * Human-readable company names, keyed by logo name — for accessible labels
+ * (e.g. the screen-reader list in LogoCarousel) and captions.
+ */
+export declare const clientLogoLabels: Record<ClientLogoName, string>;
+/**
+ * ClientLogo displays customer/client brand logos in the semantic text
+ * tokens — `--HS-text-primary-default` for the mark, with
+ * `--HS-text-tertiary-default` as the secondary tone in duotone marks
+ * (PayPal) — so logos match the text hierarchy and remap in dark mode
+ * automatically. Color variants land once the Figma color exports are
+ * finished; the mono set is complete.
+ *
+ * @example
+ * ```tsx
+ * <ClientLogo logo="netflix" />
+ * <ClientLogo logo="visa" size={40} />
+ * ```
+ */
+export declare function ClientLogo({ logo, size, width, height, className, style, ...props }: ClientLogoProps): import("react").JSX.Element | null;

package/dist/lib/components/LogoCarousel/index.d.ts

@@ -0,0 +1,60 @@
+import { HTMLAttributes } from 'react';
+import { ClientLogoName } from '../ClientLogo';
+export interface LogoCarouselProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    /** Logos to show, in order. Default: the full set. */
+    logos?: ClientLogoName[];
+    /** Visual logo size — forwarded to each `ClientLogo`. Default `28`. */
+    size?: number;
+    /** Gap between logos in px. Default `64`. */
+    gap?: number;
+    /**
+     * Scroll speed in px/s. The animation duration is derived from the
+     * measured content width, so the perceived speed stays the same
+     * regardless of how many logos are shown. Default `40`.
+     */
+    speed?: number;
+    /** Scroll direction. Default `'left'`. */
+    direction?: 'left' | 'right';
+    /**
+     * Ramp the animation down to a third of the speed while the pointer
+     * hovers the strip, and ramp back up on leave — full pausing belongs to
+     * the pause button. Default `false`.
+     */
+    slowOnHover?: boolean;
+    /** Width of the fade-out mask at each edge in px. Default `64`. */
+    fade?: number;
+    /** Accessible name for the region. Default `'Client logos'`. */
+    label?: string;
+    /** Visible label on the pause toggle while playing. Default `'Pause'`. */
+    pauseLabel?: string;
+    /** Visible label on the pause toggle while paused. Default `'Resume'`. */
+    resumeLabel?: string;
+    /**
+     * Reduced-motion mode: the strip renders static and horizontally
+     * scrollable instead of animating, and the pause control disappears.
+     * Defaults to the user's `prefers-reduced-motion` setting; pass a
+     * boolean to force either mode.
+     */
+    reducedMotion?: boolean;
+}
+/**
+ * LogoCarousel — an auto-scrolling "trusted by" strip of client logos with
+ * seamless looping, edge fades, and a pause toggle (WCAG 2.2.2).
+ *
+ * - The moving strip is purely decorative (`aria-hidden`); screen readers
+ *   get a static list of company names instead, so nothing announces
+ *   mid-motion and every company is always reachable.
+ * - Speed is specified in px/s and the duration derived from the measured
+ *   content width — consistent pace at any logo count or viewport size.
+ * - The content is repeated only as many times as the viewport requires.
+ * - Scrolling pauses automatically while the strip is off-screen.
+ * - Under `prefers-reduced-motion` the strip renders static and
+ *   horizontally scrollable — every logo stays reachable, nothing moves.
+ *
+ * @example
+ * ```tsx
+ * <LogoCarousel />
+ * <LogoCarousel logos={['netflix', 'visa', 'google']} speed={60} pauseOnHover />
+ * ```
+ */
+export declare function LogoCarousel({ logos, size, gap, speed, direction, slowOnHover, fade, label, pauseLabel, resumeLabel, reducedMotion, className, style, ...props }: LogoCarouselProps): import("react").JSX.Element;

package/dist/lib/main.d.ts

@@ -15,10 +15,16 @@ export type { InputGroupedProps, SelectGroupedProps, FormGroupProps, FormRowProp
 export type { BoxProps } from './components/Box';
 export type { HeaderProps, HeaderPosition, SubHeaderItem } from './components/Header';
 export { Box } from './components/Box';
+export { BrowserFrame } from './components/BrowserFrame';
+export type { BrowserFrameProps, BrowserFrameAction } from './components/BrowserFrame';
 export { CopyCode } from './components/CopyCode';
 export type { CopyCodeProps } from './components/CopyCode';
 export { CodeBlock } from './components/CodeBlock';
 export type { CodeBlockProps } from './components/CodeBlock';
+export { ClientLogo, clientLogoLabels } from './components/ClientLogo';
+export type { ClientLogoProps, ClientLogoName } from './components/ClientLogo';
+export { LogoCarousel } from './components/LogoCarousel';
+export type { LogoCarouselProps } from './components/LogoCarousel';
 export { Icon } from './components/Icon';
 export { Link } from './components/Link';
 export { ProductIcon } from './components/ProductIcon';

package/dist/main.js

@@ -1,45 +1,48 @@
 import { c as e, d as t, r as n, s as r, u as i } from "./utils-K9S_6_Eq.js";
 import { t as a } from "./Box-BZgeSeCV.js";
-import { t as o } from "./Button-DSGsV45k.js";
-import { t as s } from "./CopyCode-PbZbRLn-.js";
-import { t as c } from "./FrameworkIcon-D7N3PjYr.js";
-import { t as l } from "./CodeBlock-7BTXXf30.js";
-import { t as u } from "./Icon-VeXJMj8Q.js";
-import { t as d } from "./Link-CYR92_U0.js";
-import { t as f } from "./ProductIcon-CKtF7AWy.js";
-import { t as p } from "./ButtonGroup-DNTpDU-E.js";
-import { t as m } from "./InputSolo-DUdKtZjX.js";
-import { t as h } from "./SearchDropdown-B5CFwNib.js";
-import { i as g, n as _, r as v, t as y } from "./InputGrouped-BJEodhml.js";
-import { t as b } from "./Container-BDssaLig.js";
-import { t as x } from "./DiscordInvite-CLYxexdH.js";
-import { t as S } from "./Heading-DNDHqYWO.js";
-import { t as C } from "./Typography-AvvBRu-u.js";
-import { t as w } from "./Logo-Bz0G2G-k.js";
-import { t as T } from "./NewsletterSignup-mPKBEpYq.js";
-import { n as E, r as D, t as O } from "./Dropdown-c_EhnzqC.js";
-import { t as k } from "./PrefPanel-DxSIkYDF.js";
-import { n as A, t as j } from "./Label-BhFeSC8Z.js";
-import { t as M } from "./VideoCover-BkbLsmQ_.js";
-import { t as N } from "./VideoPlayer-CY63501h.js";
-import { t as P } from "./VideoPlayerModal-DIHMoFgS.js";
-import { t as F } from "./Footer-C6a3PeJq.js";
-import { n as I } from "./GPTInput-C0YG1990.js";
-import { t as L } from "./Notification-JovL5anc.js";
-import { n as R, t as z } from "./Header-BokKjfF7.js";
-import { t as B } from "./Tabs-BuDaPqdN.js";
-import { n as V, t as H } from "./RadioBox-o1Ssyj0s.js";
-import { n as U, t as W } from "./Checkbox-imALf2_N.js";
-import { Modal as G } from "./components/Modal/index.js";
-import { t as K } from "./RoadmapDetails-ZnyXG2j7.js";
-import { ModalContactFooter as q } from "./components/Modal/ModalContactFooter.js";
-import { useOptionalSidebarLayout as J, useSidebarLayout as Y } from "./components/Sidebar/context.js";
-import { SidebarLayout as X, SidebarMain as Z } from "./components/Sidebar/SidebarLayout.js";
-import { SidebarResizer as Q } from "./components/Sidebar/SidebarResizer.js";
-import { Sidebar as $, SidebarBody as ee, SidebarHeader as te, SidebarSection as ne } from "./components/Sidebar/Sidebar.js";
-import { NavItem as re } from "./components/Sidebar/NavItem.js";
-import { NavGroup as ie } from "./components/Sidebar/NavGroup.js";
-import { NavDisclosure as ae } from "./components/Sidebar/NavDisclosure.js";
+import { t as o } from "./Button-CjxX21gW.js";
+import { t as s } from "./BrowserFrame-BUneieY7.js";
+import { t as c } from "./CopyCode-90z6BfV0.js";
+import { t as l } from "./FrameworkIcon-D7N3PjYr.js";
+import { t as u } from "./CodeBlock-Ds79AzEX.js";
+import { n as d, t as f } from "./ClientLogo-Dj7K48YL.js";
+import { t as p } from "./LogoCarousel-DEvwvCfr.js";
+import { t as m } from "./Icon-VeXJMj8Q.js";
+import { t as h } from "./Link-CYR92_U0.js";
+import { t as g } from "./ProductIcon-CKtF7AWy.js";
+import { t as _ } from "./ButtonGroup-B4LYol17.js";
+import { t as v } from "./InputSolo-DUdKtZjX.js";
+import { t as y } from "./SearchDropdown-BetSrTgQ.js";
+import { i as b, n as x, r as S, t as C } from "./InputGrouped-BUJKBG0D.js";
+import { t as w } from "./Container-BDssaLig.js";
+import { t as T } from "./DiscordInvite-CLYxexdH.js";
+import { t as E } from "./Heading-DNDHqYWO.js";
+import { t as D } from "./Typography-AvvBRu-u.js";
+import { t as O } from "./Logo-Bz0G2G-k.js";
+import { t as k } from "./NewsletterSignup-Bk0SU1NB.js";
+import { n as A, r as j, t as M } from "./Dropdown-D3AnhPYO.js";
+import { t as N } from "./PrefPanel-B4MyeLGu.js";
+import { n as P, t as F } from "./Label-DgPVoDMR.js";
+import { t as I } from "./VideoCover-B59ykzJi.js";
+import { t as L } from "./VideoPlayer-ChyiZ0sK.js";
+import { t as R } from "./VideoPlayerModal-D6ze_Evt.js";
+import { t as z } from "./Footer-DDj7XStD.js";
+import { n as B } from "./GPTInput-C0YG1990.js";
+import { t as V } from "./Notification-D0ow_x0-.js";
+import { n as H, t as U } from "./Header-Dsji2l2m.js";
+import { t as W } from "./Tabs-BuDaPqdN.js";
+import { n as G, t as K } from "./RadioBox-o1Ssyj0s.js";
+import { n as q, t as J } from "./Checkbox-BkxibNey.js";
+import { Modal as Y } from "./components/Modal/index.js";
+import { t as X } from "./RoadmapDetails-CATh63TE.js";
+import { ModalContactFooter as Z } from "./components/Modal/ModalContactFooter.js";
+import { useOptionalSidebarLayout as Q, useSidebarLayout as $ } from "./components/Sidebar/context.js";
+import { SidebarLayout as ee, SidebarMain as te } from "./components/Sidebar/SidebarLayout.js";
+import { SidebarResizer as ne } from "./components/Sidebar/SidebarResizer.js";
+import { Sidebar as re, SidebarBody as ie, SidebarHeader as ae, SidebarSection as oe } from "./components/Sidebar/Sidebar.js";
+import { NavItem as se } from "./components/Sidebar/NavItem.js";
+import { NavGroup as ce } from "./components/Sidebar/NavGroup.js";
+import { NavDisclosure as le } from "./components/Sidebar/NavDisclosure.js";
 import "./components/Sidebar/index.js";
-import { ThemeLoader as oe, themeLoaderScript as se } from "./components/ThemeLoader/index.js";
-export { a as Box, o as Button, p as ButtonGroup, W as Checkbox, U as CheckboxGroup, l as CodeBlock, b as Container, s as CopyCode, x as DiscordInvite, O as Dropdown, E as DropdownItem, D as DropdownSeparator, F as Footer, y as FormGroup, _ as FormRow, c as FrameworkIcon, I as GPTInput, z as Header, S as Heading, u as Icon, v as InputGrouped, m as InputSolo, j as Label, d as Link, w as Logo, G as Modal, q as ModalContactFooter, ae as NavDisclosure, ie as NavGroup, re as NavItem, A as NewTag, T as NewsletterSignup, L as Notification, k as PrefPanel, f as ProductIcon, H as RadioBox, V as RadioBoxGroup, K as RoadmapDetails, h as SearchDropdown, g as SelectGrouped, $ as Sidebar, ee as SidebarBody, te as SidebarHeader, X as SidebarLayout, Z as SidebarMain, Q as SidebarResizer, ne as SidebarSection, R as SubHeader, B as Tabs, oe as ThemeLoader, i as ThemeProvider, C as Typography, M as VideoCover, N as VideoPlayer, P as VideoPlayerModal, se as themeLoaderScript, n as useClipboard, t as useNextTheme, J as useOptionalSidebarLayout, Y as useSidebarLayout, r as useSuccessFlash, e as useTheme };
+import { ThemeLoader as ue, themeLoaderScript as de } from "./components/ThemeLoader/index.js";
+export { a as Box, s as BrowserFrame, o as Button, _ as ButtonGroup, J as Checkbox, q as CheckboxGroup, f as ClientLogo, u as CodeBlock, w as Container, c as CopyCode, T as DiscordInvite, M as Dropdown, A as DropdownItem, j as DropdownSeparator, z as Footer, C as FormGroup, x as FormRow, l as FrameworkIcon, B as GPTInput, U as Header, E as Heading, m as Icon, S as InputGrouped, v as InputSolo, F as Label, h as Link, O as Logo, p as LogoCarousel, Y as Modal, Z as ModalContactFooter, le as NavDisclosure, ce as NavGroup, se as NavItem, P as NewTag, k as NewsletterSignup, V as Notification, N as PrefPanel, g as ProductIcon, K as RadioBox, G as RadioBoxGroup, X as RoadmapDetails, y as SearchDropdown, b as SelectGrouped, re as Sidebar, ie as SidebarBody, ae as SidebarHeader, ee as SidebarLayout, te as SidebarMain, ne as SidebarResizer, oe as SidebarSection, H as SubHeader, W as Tabs, ue as ThemeLoader, i as ThemeProvider, D as Typography, I as VideoCover, L as VideoPlayer, R as VideoPlayerModal, d as clientLogoLabels, de as themeLoaderScript, n as useClipboard, t as useNextTheme, Q as useOptionalSidebarLayout, $ as useSidebarLayout, r as useSuccessFlash, e as useTheme };

package/dist/{prism-light-BLaY8zo6.js → prism-light-CqF2CLQS.js}

@@ -1,5 +1,5 @@
 import { r as e } from "./chunk-jwUa06l-.js";
-import { r as t, t as n } from "./create-element-C3ORyDVw.js";
+import { r as t, t as n } from "./create-element-Bftz4UxU.js";
 import r from "react";
 //#region node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
 function i(e, t) {