highsoft-ui 1.0.154 → 1.0.156

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/ProductIcon/icons/grayscale/Orbit.d.ts

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

package/dist/lib/components/ProductIcon/icons/grayscale/index.d.ts

@@ -19,6 +19,7 @@ export { default as Hca } from './Hca';
 export { default as Lab } from './Lab';
 export { default as License } from './License';
 export { default as Maps } from './Maps';
+export { default as Orbit } from './Orbit';
 export { default as Python } from './Python';
 export { default as Roadmap } from './Roadmap';
 export { default as Stock } from './Stock';

package/dist/lib/components/ProductIcon/icons/line/Orbit.d.ts

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

package/dist/lib/components/ProductIcon/icons/line/index.d.ts

@@ -19,6 +19,7 @@ export { default as Hca } from './Hca';
 export { default as Lab } from './Lab';
 export { default as License } from './License';
 export { default as Maps } from './Maps';
+export { default as Orbit } from './Orbit';
 export { default as Python } from './Python';
 export { default as Roadmap } from './Roadmap';
 export { default as Stock } from './Stock';

package/dist/lib/components/ProductIcon/icons/monochrome/Orbit.d.ts

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

package/dist/lib/components/ProductIcon/icons/monochrome/index.d.ts

@@ -19,6 +19,7 @@ export { default as Hca } from './Hca';
 export { default as Lab } from './Lab';
 export { default as License } from './License';
 export { default as Maps } from './Maps';
+export { default as Orbit } from './Orbit';
 export { default as Python } from './Python';
 export { default as Roadmap } from './Roadmap';
 export { default as Stock } from './Stock';

package/dist/lib/components/ProductIcon/icons/multi/Orbit.d.ts

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

package/dist/lib/components/ProductIcon/icons/multi/index.d.ts

@@ -19,6 +19,7 @@ export { default as Hca } from './Hca';
 export { default as Lab } from './Lab';
 export { default as License } from './License';
 export { default as Maps } from './Maps';
+export { default as Orbit } from './Orbit';
 export { default as Python } from './Python';
 export { default as Roadmap } from './Roadmap';
 export { default as Stock } from './Stock';

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

@@ -14,7 +14,7 @@ export type ProductIconTheme = 'monochrome' | 'multi' | 'grayscale' | 'line';
  * Available product and feature icons.
  *
  * **Products:**
- * - `core`, `stock`, `maps`, `gantt`, `dashboards`, `grid`
+ * - `core`, `stock`, `maps`, `gantt`, `dashboards`, `grid`, `orbit`
  *
  * **Documentation & Learning:**
  * - `demos`, `docs`, `API`, `changelog`, `roadmap`
@@ -29,7 +29,7 @@ export type ProductIconTheme = 'monochrome' | 'multi' | 'grayscale' | 'line';
  *
  * @see ProductIcon.stories.tsx for visual examples of all icons and themes
  */
-export type ProductIconName = 'core' | 'stock' | 'maps' | 'gantt' | 'dashboards' | 'grid' | 'demos' | 'docs' | 'API' | 'changelog' | 'roadmap' | 'chart chooser' | 'hca' | 'a11y' | 'edu license' | 'gpt' | 'editor' | 'export server' | 'python' | 'lab' | 'support' | 'custom projects' | 'case studies' | 'license' | 'ADV+';
+export type ProductIconName = 'core' | 'stock' | 'maps' | 'gantt' | 'dashboards' | 'grid' | 'orbit' | 'demos' | 'docs' | 'API' | 'changelog' | 'roadmap' | 'chart chooser' | 'hca' | 'a11y' | 'edu license' | 'gpt' | 'editor' | 'export server' | 'python' | 'lab' | 'support' | 'custom projects' | 'case studies' | 'license' | 'ADV+';
 export interface ProductIconProps extends Omit<SVGProps<SVGSVGElement>, 'name'> {
     /** Product or feature name */
     icon: ProductIconName;

package/dist/lib/main.d.ts

@@ -15,6 +15,8 @@ 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';

package/dist/main.js

@@ -1,45 +1,46 @@
 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-DFLAYWbu.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-CSYKfiMM.js";
+import { t as s } from "./BrowserFrame-z7X66igu.js";
+import { t as c } from "./CopyCode-B5XYKD2s.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 "./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 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 };

package/dist/{prism-light-BLaY8zo6.js → prism-light-BTlrcsMq.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-E8WYUYfK.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.154",
+  "version": "1.0.156",
   "description": "Highsoft UI",
   "type": "module",
   "repository": {