@skyvexsoftware/stratos-sdk 0.20.0 → 0.21.0

package/README.md

@@ -94,7 +94,10 @@ The `vite` option accepts any Vite config to merge in (plugins, resolve, css, et
 ```
 
 - `type`: `"airline"` (scoped to a virtual airline) or `"user"` (user-installed)
-- `availableSettings`: Optional array of setting definitions (boolean, text, number, list, etc.)
+- `available_settings`: Optional array of setting definitions (boolean, text, number, list, etc.)
+- `min_core_version`: Optional oldest Stratos Core the plugin runs on (e.g. `"2.49.0"`)
+
+plugin.json keys are snake_case. Uploads using the old camelCase names (`availableSettings`, `minCoreVersion`, `includeSourceMaps`, `attachesFilesToPirep`) are refused.
 
 ## API Reference
 

package/dist/bin/deploy.d.ts

@@ -3,11 +3,17 @@
  * stratos-deploy — Bundle and upload a Stratos plugin.
  *
  * Zips dist/ into bundle.zip. If SKYVEX_API_TOKEN is set, uploads to the
- * Skyvex API. Otherwise outputs the zip path for manual upload.
+ * Skyvex Software API. Otherwise outputs the zip path for manual upload.
+ *
+ * SKYVEX_WHATS_NEW, when set, is sent as the version's What's new, so the
+ * upload goes straight to review (or waits as a draft while the listing is
+ * short of its screenshot pairs). Without it, the upload waits as a draft
+ * to submit from the Developer centre.
  *
  * Usage:
  *   stratos-deploy          # from plugin root after pnpm build
  *   pnpm bundle             # if package.json has "bundle": "pnpm build && stratos-deploy"
+ *   SKYVEX_WHATS_NEW="- Fixed the fuel rounding" pnpm bundle
  */
 export {};
 //# sourceMappingURL=deploy.d.ts.map

package/dist/bin/deploy.js

@@ -3,11 +3,17 @@
  * stratos-deploy — Bundle and upload a Stratos plugin.
  *
  * Zips dist/ into bundle.zip. If SKYVEX_API_TOKEN is set, uploads to the
- * Skyvex API. Otherwise outputs the zip path for manual upload.
+ * Skyvex Software API. Otherwise outputs the zip path for manual upload.
+ *
+ * SKYVEX_WHATS_NEW, when set, is sent as the version's What's new, so the
+ * upload goes straight to review (or waits as a draft while the listing is
+ * short of its screenshot pairs). Without it, the upload waits as a draft
+ * to submit from the Developer centre.
  *
  * Usage:
  *   stratos-deploy          # from plugin root after pnpm build
  *   pnpm bundle             # if package.json has "bundle": "pnpm build && stratos-deploy"
+ *   SKYVEX_WHATS_NEW="- Fixed the fuel rounding" pnpm bundle
  */
 import * as fs from "fs";
 import * as path from "path";
@@ -21,6 +27,7 @@ const releaseMode = releaseModeArg?.split("=")[1] ?? "automatic";
 if (releaseMode !== "automatic" && releaseMode !== "manual") {
     fatal("--release-mode must be 'automatic' or 'manual'");
 }
+const whatsNew = process.env.SKYVEX_WHATS_NEW?.trim() ?? "";
 // ── Helpers ──────────────────────────────────────────────────────────
 function fatal(message) {
     console.error(`\n  Error: ${message}\n`);
@@ -62,7 +69,8 @@ function createBundle(cwd) {
         fs.unlinkSync(bundlePath);
     }
     try {
-        execSync("zip -r ../bundle.zip .", {
+        // Source maps stay local: they're for debugging, not for pilots.
+        execSync('zip -r ../bundle.zip . -x "*.map"', {
             cwd: path.join(cwd, "dist"),
             stdio: "pipe",
         });
@@ -84,6 +92,10 @@ function upload(pluginId, bundlePath, token) {
         parts.push(Buffer.from("\r\n"));
         // Release mode field
         parts.push(Buffer.from(`--${boundary}\r\nContent-Disposition: form-data; name="release_mode"\r\n\r\n${releaseMode}\r\n`));
+        // What's new, when given: the upload then goes straight to review
+        if (whatsNew) {
+            parts.push(Buffer.from(`--${boundary}\r\nContent-Disposition: form-data; name="changelog"\r\nContent-Type: text/plain; charset=utf-8\r\n\r\n${whatsNew}\r\n`));
+        }
         parts.push(Buffer.from(`--${boundary}--\r\n`));
         const body = Buffer.concat(parts);
         const url = new URL(`${API_BASE}/plugins/${pluginId}/versions`);
@@ -127,7 +139,31 @@ async function main() {
         console.log("  Uploading to Skyvex...");
         const result = await upload(id, bundlePath, token);
         if (result.ok) {
-            console.log("  Published! Server is signing and publishing to CDN.\n");
+            let status = "";
+            let message = "";
+            try {
+                const body = JSON.parse(result.body);
+                status = body.status ?? "";
+                message = body.message ?? "";
+            }
+            catch {
+                // An older server answers without a status.
+            }
+            if (status === "draft" && whatsNew) {
+                // What's new was sent, so the server says why it's still a draft
+                // (the listing is short of its screenshots).
+                console.log(`  ${message || "Uploaded as a draft."}\n`);
+            }
+            else if (status === "draft") {
+                console.log("  Uploaded as a draft: there's no What's new, so it hasn't gone to review.");
+                console.log("  Submit it with What's new in the Developer centre, or set SKYVEX_WHATS_NEW next time.\n");
+            }
+            else if (status === "pending_review") {
+                console.log("  Uploaded and sent to review.\n");
+            }
+            else {
+                console.log("  Published! Server is signing and publishing to CDN.\n");
+            }
             fs.unlinkSync(bundlePath);
         }
         else if (result.status === 422) {

package/dist/dynamic-icon/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * `DynamicIcon`: any Lucide icon by name, loaded from Stratos on demand.
+ *
+ * Import it from `@skyvexsoftware/stratos-sdk/icons`. That subpath is bundled
+ * into your plugin (it's small), and it asks the host for the icon at
+ * runtime: Stratos core 2.49.0 and later load each icon as its own chunk, only
+ * when it's shown, so your plugin carries none of the icon set. On an older
+ * core it shows a small generic icon instead.
+ *
+ * Until the icon loads it renders an empty box of the same size, so nothing
+ * moves. Icons you know at build time are still best imported by name from
+ * `lucide-react` (bundled and tree-shaken).
+ */
+import type { ComponentType, SVGProps } from "react";
+type IconComponent = ComponentType<SVGProps<SVGSVGElement> & {
+    size?: number | string;
+    strokeWidth?: number | string;
+    absoluteStrokeWidth?: boolean;
+}>;
+export type DynamicIconProps = Omit<SVGProps<SVGSVGElement>, "ref"> & {
+    /** A Lucide icon name: `plane`, `book-open` (or `BookOpen`). */
+    name: string;
+    size?: number | string;
+    strokeWidth?: number | string;
+    absoluteStrokeWidth?: boolean;
+    /** Shown for a name Lucide doesn't have. Defaults to the generic icon. */
+    fallback?: IconComponent;
+};
+/** A small generic icon: a rounded square with a dot. */
+export declare const GenericIcon: IconComponent;
+export declare function DynamicIcon({ name, size, fallback, className, style, ...props }: DynamicIconProps): import("react").JSX.Element;
+export default DynamicIcon;
+//# sourceMappingURL=index.d.ts.map

package/dist/dynamic-icon/index.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `DynamicIcon`: any Lucide icon by name, loaded from Stratos on demand.
+ *
+ * Import it from `@skyvexsoftware/stratos-sdk/icons`. That subpath is bundled
+ * into your plugin (it's small), and it asks the host for the icon at
+ * runtime: Stratos core 2.49.0 and later load each icon as its own chunk, only
+ * when it's shown, so your plugin carries none of the icon set. On an older
+ * core it shows a small generic icon instead.
+ *
+ * Until the icon loads it renders an empty box of the same size, so nothing
+ * moves. Icons you know at build time are still best imported by name from
+ * `lucide-react` (bundled and tree-shaken).
+ */
+import { useEffect, useState } from "react";
+function hostIcons() {
+    const modules = globalThis.__stratos_modules__;
+    const icons = modules?.["stratos:icons"];
+    return icons && typeof icons.loadIcon === "function" ? icons : null;
+}
+/** A small generic icon: a rounded square with a dot. */
+export const GenericIcon = ({ size = 24, strokeWidth = 2, ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [_jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "4" }), _jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "currentColor", stroke: "none" })] }));
+export function DynamicIcon({ name, size = 24, fallback, className, style, ...props }) {
+    const host = hostIcons();
+    const [icon, setIcon] = useState(() => host?.getLoadedIcon?.(name));
+    useEffect(() => {
+        let current = true;
+        const icons = hostIcons();
+        if (!icons) {
+            setIcon(null);
+            return;
+        }
+        const ready = icons.getLoadedIcon?.(name);
+        if (ready !== undefined) {
+            setIcon(ready);
+            return;
+        }
+        setIcon(undefined);
+        void icons.loadIcon(name).then((loaded) => {
+            if (current)
+                setIcon(loaded);
+        });
+        return () => {
+            current = false;
+        };
+    }, [name]);
+    if (icon === undefined) {
+        // Loading: hold the space so nothing shifts.
+        const box = {
+            display: "inline-block",
+            width: size,
+            height: size,
+            flexShrink: 0,
+            ...style,
+        };
+        return _jsx("span", { "aria-hidden": "true", className: className, style: box });
+    }
+    const Icon = icon ?? fallback ?? GenericIcon;
+    return _jsx(Icon, { size: size, className: className, style: style, ...props });
+}
+export default DynamicIcon;

package/dist/types/context.d.ts

@@ -24,6 +24,16 @@ export type PluginConfigStore = {
     set<T>(key: string, value: T): Promise<void>;
     delete(key: string): Promise<void>;
     getAll(): Promise<Record<string, unknown>>;
+    /**
+     * Listen for the airline changing this plugin's settings. Fires once the
+     * new values are in place (`get` already returns them) with the keys that
+     * changed. While a flight is in progress or a crash recovery is pending the
+     * change waits and fires when the flight ends, so it never fires mid-flight.
+     * Returns an unsubscribe function; listeners are also removed when the
+     * plugin stops. Undefined on Stratos cores older than 2.49.0, so call it as
+     * `ctx.config.onChange?.(...)`.
+     */
+    onChange?(listener: (changedKeys: string[]) => void): () => void;
 };
 /**
  * IPC registration helper for background plugins.

package/dist/types/manifest.d.ts

@@ -41,10 +41,12 @@ export type PluginManifest = {
     /** Optional homepage URL for the plugin (e.g. "https://www.example.com/"). Rendered as a clickable link in the plugin info panel. Must be a fully-qualified http(s) URL. */
     homepage?: string;
     /** Typed settings this plugin declares. User-scoped settings render in the Settings page; airline-scoped settings are managed by the VA platform. */
-    availableSettings?: PluginSettingDefinition[];
+    available_settings?: PluginSettingDefinition[];
     /** Whether to include source maps in the published CDN bundle. Defaults to false — source maps are stripped on approval. Set to true if you want end users to have access to source maps for debugging. */
-    includeSourceMaps?: boolean;
-    /** Advisory: this plugin attaches files to the PIREP, which changes how flight submissions are encoded for the airline. Surfaced as a warning in the airline's plugin list; the shell does not enforce it. */
-    attachesFilesToPirep?: boolean;
+    include_source_maps?: boolean;
+    /** Advisory: this plugin attaches files to the PIREP, which changes how flight submissions are encoded for the airline. Stratos does not read or enforce it yet. */
+    attaches_files_to_pirep?: boolean;
+    /** The oldest Stratos Core the plugin runs on (semver, e.g. "2.49.0"). An older core doesn't install the plugin (an update keeps the version already there) and doesn't start one already installed. Set it when you use an SDK feature that needs a newer core. */
+    min_core_version?: string;
 };
 //# sourceMappingURL=manifest.d.ts.map

package/dist/types/settings.d.ts

@@ -1,7 +1,7 @@
 /**
  * @page Settings
  *
- * Typed plugin setting definitions — the controls a plugin declares in its manifest's availableSettings.
+ * Typed plugin setting definitions: the controls a plugin declares in its manifest's available_settings.
  */
 /** All supported setting control types */
 export type PluginSettingType = "boolean" | "text" | "longtext" | "number" | "range" | "list" | "radio" | "date" | "json";

package/dist/types/settings.js

@@ -1,6 +1,6 @@
 /**
  * @page Settings
  *
- * Typed plugin setting definitions — the controls a plugin declares in its manifest's availableSettings.
+ * Typed plugin setting definitions: the controls a plugin declares in its manifest's available_settings.
  */
 export {};

package/dist/ui/alert-dialog.js

@@ -6,9 +6,9 @@ import { buttonVariants } from "./button";
 const AlertDialog = AlertDialogPrimitive.Root;
 const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 const AlertDialogPortal = AlertDialogPrimitive.Portal;
-const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Overlay, { className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", className), ...props, ref: ref })));
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Overlay, { className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 ease-out-strong data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80 duration-200", className), ...props, ref: ref })));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { ref: ref, className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg", className), ...props })] })));
+const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { ref: ref, className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 ease-out-strong fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg", className), ...props })] })));
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
 const AlertDialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props }));
 AlertDialogHeader.displayName = "AlertDialogHeader";

package/dist/ui/button.js

@@ -8,7 +8,7 @@ import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "../utils/cn";
-const buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background cursor-pointer transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
+const buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background cursor-pointer focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
     variants: {
         variant: {
             default: "bg-primary text-primary-foreground hover:bg-primary/90",

package/dist/ui/dialog.js

@@ -7,9 +7,9 @@ const Dialog = DialogPrimitive.Root;
 const DialogTrigger = DialogPrimitive.Trigger;
 const DialogPortal = DialogPrimitive.Portal;
 const DialogClose = DialogPrimitive.Close;
-const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/40", className), ...props })));
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 ease-out-strong data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/40 duration-200", className), ...props })));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 bg-background fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg", className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground focus:outline-hidden absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 bg-background ease-out-strong fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg", className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground focus:outline-hidden absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 function DialogHeader({ className, ...props }) {
     return (_jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props }));

package/dist/ui/popover.js

@@ -5,6 +5,6 @@ import { cn } from "../utils/cn";
 const Popover = PopoverPrimitive.Root;
 const PopoverTrigger = PopoverPrimitive.Trigger;
 const PopoverAnchor = PopoverPrimitive.Anchor;
-const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground border-border data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 z-50 w-72 rounded-md border p-4 shadow-md outline-none", className), ...props }) })));
+const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground border-border ease-out-strong data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 z-50 w-72 origin-[var(--radix-popover-content-transform-origin)] rounded-md border p-4 shadow-md outline-none duration-200", className), ...props }) })));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 export { Popover, PopoverTrigger, PopoverAnchor, PopoverContent };

package/dist/ui/select.js

@@ -13,7 +13,7 @@ SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
 const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronDown, { className: "h-4 w-4" }) })));
 SelectScrollDownButton.displayName =
     SelectPrimitive.ScrollDownButton.displayName;
-const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md", position === "popper" &&
+const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: cn("bg-popover text-popover-foreground ease-out-strong data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] origin-[var(--radix-select-content-transform-origin)] overflow-hidden rounded-md border shadow-md duration-150", position === "popper" &&
             "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className), position: position, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn("p-1", position === "popper" &&
                     "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"), children: children }), _jsx(SelectScrollDownButton, {})] }) })));
 SelectContent.displayName = SelectPrimitive.Content.displayName;

package/dist/ui/switch.js

@@ -1,8 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../utils/cn";
-const Switch = React.forwardRef(({ checked = false, onCheckedChange, disabled, className, ...props }, ref) => (_jsx("button", { type: "button", role: "switch", "aria-checked": checked, ref: ref, disabled: disabled, onClick: () => onCheckedChange?.(!checked), className: cn("relative inline-flex shrink-0 cursor-pointer rounded-md transition-all duration-150", "h-[18px] w-[32px]", "focus-visible:outline-hidden focus-visible:ring-ring focus-visible:ring-2", checked
+const Switch = React.forwardRef(({ checked = false, onCheckedChange, disabled, className, ...props }, ref) => (_jsx("button", { type: "button", role: "switch", "aria-checked": checked, ref: ref, disabled: disabled, onClick: () => onCheckedChange?.(!checked), className: cn("ease-out-strong relative inline-flex shrink-0 cursor-pointer rounded-md transition-[background-color,border-color] duration-150", "h-[18px] w-[32px]", "focus-visible:outline-hidden focus-visible:ring-ring focus-visible:ring-2", checked
         ? "border-primary bg-primary border"
-        : "border-border-interactive bg-muted border", disabled && "cursor-not-allowed opacity-50", className), ...props, children: _jsx("span", { className: cn("pointer-events-none absolute top-[2px] h-[12px] w-[12px] rounded-sm transition-[left] duration-150", checked ? "bg-primary-foreground left-[16px]" : "left-[2px] bg-white") }) })));
+        : "border-border-interactive bg-muted border", disabled && "cursor-not-allowed opacity-50", className), ...props, children: _jsx("span", { className: cn(
+        // The thumb slides on transform so a rapid toggle retargets
+        // mid-flight instead of animating a layout property.
+        "ease-out-strong pointer-events-none absolute left-[2px] top-[2px] h-[12px] w-[12px] rounded-sm transition-transform duration-150", checked ? "bg-primary-foreground translate-x-[14px]" : "bg-white") }) })));
 Switch.displayName = "Switch";
 export { Switch };

package/dist/ui/tabs.js

@@ -5,7 +5,7 @@ import { cn } from "../utils/cn";
 const Tabs = TabsPrimitive.Root;
 const TabsList = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, className: cn("bg-muted text-muted-foreground inline-flex h-10 items-center justify-center rounded-md p-1", className), ...props })));
 TabsList.displayName = TabsPrimitive.List.displayName;
-const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, className: cn("ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:outline-hidden inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm", className), ...props })));
+const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, className: cn("ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:outline-hidden inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm", className), ...props })));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 const TabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, className: cn("ring-offset-background focus-visible:ring-ring focus-visible:outline-hidden mt-2 focus-visible:ring-2 focus-visible:ring-offset-2", className), ...props })));
 TabsContent.displayName = TabsPrimitive.Content.displayName;

package/dist/ui/tooltip.js

@@ -5,6 +5,6 @@ import { cn } from "../utils/cn";
 const TooltipProvider = TooltipPrimitive.Provider;
 const Tooltip = TooltipPrimitive.Root;
 const TooltipTrigger = TooltipPrimitive.Trigger;
-const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md", className), ...props })));
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 ease-out-strong data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 origin-[var(--radix-tooltip-content-transform-origin)] overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md duration-[125ms] data-[state=instant-open]:animate-none", className), ...props })));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyvexsoftware/stratos-sdk",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "description": "Plugin SDK for Stratos — types, hooks, and UI components",
   "author": {
     "name": "Skyvex Software Pty Ltd",
@@ -17,6 +17,7 @@
     "simconnect"
   ],
   "type": "module",
+  "sideEffects": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -40,6 +41,10 @@
       "types": "./dist/helpers/index.d.ts",
       "import": "./dist/helpers/index.js"
     },
+    "./icons": {
+      "types": "./dist/dynamic-icon/index.d.ts",
+      "import": "./dist/dynamic-icon/index.js"
+    },
     "./vite": {
       "types": "./dist/vite/plugin-config.d.ts",
       "import": "./dist/vite/plugin-config.js"
@@ -59,6 +64,9 @@
       "helpers": [
         "dist/helpers/index.d.ts"
       ],
+      "icons": [
+        "dist/dynamic-icon/index.d.ts"
+      ],
       "vite": [
         "dist/vite/plugin-config.d.ts"
       ]
@@ -92,7 +100,6 @@
     "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-slider": "^1.3.0",
     "@radix-ui/react-slot": "^1.2.0",
-    "@radix-ui/react-switch": "^1.2.0",
     "@radix-ui/react-tabs": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.0",
     "@tanstack/react-query": "^5.99.0",
@@ -113,14 +120,13 @@
   "devDependencies": {
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-label": "2.1.7",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-radio-group": "^1.3.8",
     "@radix-ui/react-select": "^2.1.8",
-    "@radix-ui/react-separator": "^1.1.4",
+    "@radix-ui/react-separator": "1.1.7",
     "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-slot": "1.2.3",
     "@radix-ui/react-tabs": "^1.1.8",
     "@radix-ui/react-tooltip": "^1.1.12",
     "@types/react": "^19.1.2",