highsoft-ui 1.0.156 → 1.0.158

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

@@ -3,14 +3,19 @@ import { ButtonProps, ButtonSize } from '../Button';
 export interface ButtonGroupItem {
     /** Stable item value */
     value: string;
-    /** Visible label */
-    label: ReactNode;
+    /**
+     * Visible label. Optional for icon-only items (e.g. prev/next pagers) —
+     * give those an accessible name via `buttonProps['aria-label']`.
+     */
+    label?: ReactNode;
     /** Optional leading icon, following the same usage pattern as Button */
     iconLeft?: ReactNode;
+    /** Optional trailing icon, following the same usage pattern as Button */
+    iconRight?: ReactNode;
     /** Disable a single item */
     disabled?: boolean;
     /** Extra button props, for example href/target */
-    buttonProps?: Omit<ButtonProps, 'children' | 'iconLeft' | 'variant' | 'size' | 'aria-pressed'>;
+    buttonProps?: Omit<ButtonProps, 'children' | 'iconLeft' | 'iconRight' | 'variant' | 'size' | 'aria-pressed'>;
 }
 export interface ButtonGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'> {
     /** Button items */
@@ -19,8 +24,18 @@ export interface ButtonGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, '
     value?: string;
     /** Initial selected value for uncontrolled usage */
     defaultValue?: string;
-    /** Called when selection changes. Returns the selected value and item. */
+    /**
+     * Called when selection changes. Returns the selected value and item.
+     * With `selectable={false}` there is no selection, so it fires on every
+     * enabled item click instead.
+     */
     onChange?: (value: string, item: ButtonGroupItem) => void;
+    /**
+     * Set to `false` for an action group — e.g. a prev/next pager — where no
+     * item is the current choice: nothing renders selected, `aria-pressed` is
+     * omitted, and `onChange` fires on every enabled item click.
+     */
+    selectable?: boolean;
     /** Shared button size */
     size?: ButtonSize;
     /**
@@ -29,9 +44,12 @@ export interface ButtonGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, '
      * - `default` — on cards and panels (`--HS-surface-ui-background-0`).
      * - `alt` — a darker surface, on the page (`--HS-common-background`), where the
      *   default surface would blend in (in dark mode it matches the page exactly).
+     * - `transparent` — no fill, just the transparent Button's hairline border.
+     *   Use it when the group sits next to `variant="transparent"` buttons so the
+     *   two read as siblings.
      */
-    variant?: 'default' | 'alt';
+    variant?: 'default' | 'alt' | 'transparent';
     /** Stretch items to fill the available width */
     fullWidth?: boolean;
 }
-export declare function ButtonGroup({ items, value, defaultValue, onChange, size, variant, fullWidth, className, ...props }: ButtonGroupProps): import("react").JSX.Element;
+export declare function ButtonGroup({ items, value, defaultValue, onChange, selectable, size, variant, fullWidth, className, ...props }: ButtonGroupProps): import("react").JSX.Element;

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

@@ -21,6 +21,10 @@ 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,46 +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-CSYKfiMM.js";
-import { t as s } from "./BrowserFrame-z7X66igu.js";
-import { t as c } from "./CopyCode-B5XYKD2s.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-D5HGMQXp.js";
-import { t as d } from "./Icon-VeXJMj8Q.js";
-import { t as f } from "./Link-CYR92_U0.js";
-import { t as p } from "./ProductIcon-CKtF7AWy.js";
-import { t as m } from "./ButtonGroup-CRCpF1mq.js";
-import { t as h } from "./InputSolo-DUdKtZjX.js";
-import { t as g } from "./SearchDropdown-FVBycbSo.js";
-import { i as _, n as v, r as y, t as b } from "./InputGrouped-Iz23ILtZ.js";
-import { t as x } from "./Container-BDssaLig.js";
-import { t as S } from "./DiscordInvite-CLYxexdH.js";
-import { t as C } from "./Heading-DNDHqYWO.js";
-import { t as w } from "./Typography-AvvBRu-u.js";
-import { t as T } from "./Logo-Bz0G2G-k.js";
-import { t as E } from "./NewsletterSignup-BwSHFFxv.js";
-import { n as D, r as O, t as k } from "./Dropdown-C7cw9SiY.js";
-import { t as A } from "./PrefPanel-DHotymro.js";
-import { n as j, t as M } from "./Label-arNNMKJi.js";
-import { t as N } from "./VideoCover-bWmOXfeg.js";
-import { t as P } from "./VideoPlayer-cCv7zyDb.js";
-import { t as F } from "./VideoPlayerModal-DXKK98WG.js";
-import { t as I } from "./Footer-Bjccchkp.js";
-import { n as L } from "./GPTInput-C0YG1990.js";
-import { t as R } from "./Notification-Coii3TQE.js";
-import { n as z, t as B } from "./Header-BIEG3fWi.js";
-import { t as V } from "./Tabs-BuDaPqdN.js";
-import { n as H, t as U } from "./RadioBox-o1Ssyj0s.js";
-import { n as W, t as G } from "./Checkbox-Ve_qaCW-.js";
-import { Modal as K } from "./components/Modal/index.js";
-import { t as q } from "./RoadmapDetails-CtyefwR6.js";
-import { ModalContactFooter as J } from "./components/Modal/ModalContactFooter.js";
-import { useOptionalSidebarLayout as Y, useSidebarLayout as X } from "./components/Sidebar/context.js";
-import { SidebarLayout as Z, SidebarMain as Q } from "./components/Sidebar/SidebarLayout.js";
-import { SidebarResizer as $ } from "./components/Sidebar/SidebarResizer.js";
-import { Sidebar as ee, SidebarBody as te, SidebarHeader as ne, SidebarSection as re } from "./components/Sidebar/Sidebar.js";
-import { NavItem as ie } from "./components/Sidebar/NavItem.js";
-import { NavGroup as ae } from "./components/Sidebar/NavGroup.js";
-import { NavDisclosure as oe } from "./components/Sidebar/NavDisclosure.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-DanFXfXA.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 se, themeLoaderScript as ce } from "./components/ThemeLoader/index.js";
-export { a as Box, s as BrowserFrame, o as Button, m as ButtonGroup, G as Checkbox, W as CheckboxGroup, u as CodeBlock, x as Container, c as CopyCode, S as DiscordInvite, k as Dropdown, D as DropdownItem, O as DropdownSeparator, I as Footer, b as FormGroup, v as FormRow, l as FrameworkIcon, L as GPTInput, B as Header, C as Heading, d as Icon, y as InputGrouped, h as InputSolo, M as Label, f as Link, T as Logo, K as Modal, J as ModalContactFooter, oe as NavDisclosure, ae as NavGroup, ie as NavItem, j as NewTag, E as NewsletterSignup, R as Notification, A as PrefPanel, p as ProductIcon, U as RadioBox, H as RadioBoxGroup, q as RoadmapDetails, g as SearchDropdown, _ as SelectGrouped, ee as Sidebar, te as SidebarBody, ne as SidebarHeader, Z as SidebarLayout, Q as SidebarMain, $ as SidebarResizer, re as SidebarSection, z as SubHeader, V as Tabs, se as ThemeLoader, i as ThemeProvider, w as Typography, N as VideoCover, P as VideoPlayer, F as VideoPlayerModal, ce as themeLoaderScript, n as useClipboard, t as useNextTheme, Y as useOptionalSidebarLayout, X 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-BTlrcsMq.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-E8WYUYfK.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) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "highsoft-ui",
-  "version": "1.0.156",
+  "version": "1.0.158",
   "description": "Highsoft UI",
   "type": "module",
   "repository": {
@@ -52,6 +52,7 @@
     "prebuild:app": "node scripts/extract-component-api.mjs",
     "icons": "node scripts/convert-product-icons.cjs",
     "icons:frameworks": "node scripts/convert-framework-icons.cjs",
+    "icons:clients": "node scripts/convert-client-logos.cjs",
     "stylelint": "npx stylelint '**/*.css'",
     "prepare": "husky && husky install"
   },