@gamecrafters/base-ui 0.0.36 → 0.0.38

package/build/components/navigation-menu/NavigationMenuContent.d.ts

@@ -1,8 +1,6 @@
 import * as React from "react";
-import type { NavigationMenuContentAlign } from "./NavigationMenu.types";
 declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
     children?: React.ReactNode;
-    align?: NavigationMenuContentAlign;
     className?: string;
 }, "as"> & {
     as?: As | undefined;

package/build/components/navigation-menu/NavigationMenuContext.d.ts

@@ -1,8 +1,4 @@
-import type { NavigationMenuContextValue, NavigationMenuItemContextValue, NavigationMenuLinkContextValue } from "./NavigationMenu.types";
-export declare const NavigationMenuContext: import("react").Context<NavigationMenuContextValue>;
-export declare const NavigationMenuItemContext: import("react").Context<NavigationMenuItemContextValue>;
-export declare const NavigationMenuLinkContext: import("react").Context<NavigationMenuLinkContextValue>;
-export declare const NavigationMenuHeadingLevelContext: import("react").Context<number | null>;
-export declare const NavigationMenuDepthContext: import("react").Context<{
-    depth: number;
-}>;
+import type { NavigationMenuContextValue, NavigationMenuItemContextValue, NavigationMenuPositionerContextValue } from "./NavigationMenu.types";
+export declare const NavigationMenuContext: import("react").Context<NavigationMenuContextValue | null>;
+export declare const NavigationMenuItemContext: import("react").Context<NavigationMenuItemContextValue | null>;
+export declare const NavigationMenuPositionerContext: import("react").Context<NavigationMenuPositionerContextValue | null>;

package/build/components/{navigation-list/NavigationList.d.ts → navigation-menu/NavigationMenuIndicator.d.ts}

@@ -1,5 +1,5 @@
 import * as React from "react";
-declare const _default: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+declare const _default: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     children?: React.ReactNode;
     className?: string;
 } & React.RefAttributes<any>>;

package/build/components/navigation-menu/NavigationMenuItem.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 declare const _default: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "value"> & {
     children?: React.ReactNode;
     value?: string;
+    disabled?: boolean;
     className?: string;
 } & React.RefAttributes<any>>;
 export default _default;

package/build/components/navigation-menu/NavigationMenuItemIndicator.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare const _default: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    children?: React.ReactNode;
+    className?: string;
+} & React.RefAttributes<any>>;
+export default _default;

package/build/components/navigation-menu/NavigationMenuLink.d.ts

@@ -1,7 +1,8 @@
 import * as React from "react";
 declare const _default: <As extends React.ElementType = "a">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "a" : As> & {
     children?: React.ReactNode;
-    active?: boolean;
+    current?: boolean;
+    closeOnClick?: boolean;
     className?: string;
 }, "as"> & {
     as?: As | undefined;

package/build/components/navigation-menu/NavigationMenuPositioner.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    children?: React.ReactNode;
+    align?: import("./NavigationMenu.types").NavigationMenuViewportAlign;
+    className?: string;
+} & React.RefAttributes<any>>;
+export default _default;

package/build/components/navigation-menu/NavigationMenuViewport.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare const _default: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    children?: React.ReactNode;
+    className?: string;
+} & React.RefAttributes<any>>;
+export default _default;

package/build/components/navigation-menu/index.d.ts

@@ -1,28 +1,26 @@
+import NavigationMenuArrow from "./NavigationMenuArrow";
 import NavigationMenuContent from "./NavigationMenuContent";
-import NavigationMenuDescription from "./NavigationMenuDescription";
-import NavigationMenuDivider from "./NavigationMenuDivider";
-import NavigationMenuGroup from "./NavigationMenuGroup";
-import NavigationMenuGroupHeading from "./NavigationMenuGroupHeading";
-import NavigationMenuHeading from "./NavigationMenuHeading";
+import NavigationMenuIndicator from "./NavigationMenuIndicator";
 import NavigationMenuItem from "./NavigationMenuItem";
-import NavigationMenuLeadingVisual from "./NavigationMenuLeadingVisual";
+import NavigationMenuItemIndicator from "./NavigationMenuItemIndicator";
 import NavigationMenuLink from "./NavigationMenuLink";
 import NavigationMenuList from "./NavigationMenuList";
-import NavigationMenuSubNavigation from "./NavigationMenuSubNavigation";
-import NavigationMenuTrailingVisual from "./NavigationMenuTrailingVisual";
+import NavigationMenuPositioner from "./NavigationMenuPositioner";
 import NavigationMenuTrigger from "./NavigationMenuTrigger";
+import NavigationMenuViewport from "./NavigationMenuViewport";
 export declare const NavigationMenu: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "defaultValue"> & {
     children?: React.ReactNode;
-    value?: string | null;
-    defaultValue?: string | null;
-    onValueChange?: (value: string | null) => void;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (details: import("./NavigationMenu.types").NavigationMenuValueChangeDetails) => void;
     orientation?: import("./NavigationMenu.types").NavigationMenuOrientation;
-    openOn?: import("./NavigationMenu.types").NavigationMenuOpenOn;
     openDelay?: number;
     closeDelay?: number;
+    disableClickTrigger?: boolean;
+    disableHoverTrigger?: boolean;
+    disablePointerLeaveClose?: boolean;
     className?: string;
 } & import("react").RefAttributes<any>> & {
-    Heading: typeof NavigationMenuHeading;
     List: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
         children?: React.ReactNode;
         className?: string;
@@ -30,6 +28,7 @@ export declare const NavigationMenu: import("react").ForwardRefExoticComponent<O
     Item: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "value"> & {
         children?: React.ReactNode;
         value?: string;
+        disabled?: boolean;
         className?: string;
     } & import("react").RefAttributes<any>>;
     Trigger: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
@@ -38,29 +37,38 @@ export declare const NavigationMenu: import("react").ForwardRefExoticComponent<O
     } & import("react").RefAttributes<any>>;
     Content: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
         children?: React.ReactNode;
-        align?: import("./NavigationMenu.types").NavigationMenuContentAlign;
         className?: string;
     }, "as"> & {
         as?: As | undefined;
     } & import("react").RefAttributes<any>) => React.ReactNode;
     Link: <As extends React.ElementType = "a">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "a" : As> & {
         children?: React.ReactNode;
-        active?: boolean;
+        current?: boolean;
+        closeOnClick?: boolean;
         className?: string;
     }, "as"> & {
         as?: As | undefined;
     } & import("react").RefAttributes<any>) => React.ReactNode;
-    SubNavigation: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+    Indicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         children?: React.ReactNode;
         className?: string;
-    } & import("react").RefAttributes<any>) => React.ReactNode;
-    Group: typeof NavigationMenuGroup;
-    GroupHeading: typeof NavigationMenuGroupHeading;
-    Description: typeof NavigationMenuDescription;
-    LeadingVisual: typeof NavigationMenuLeadingVisual;
-    TrailingVisual: typeof NavigationMenuTrailingVisual;
-    Divider: typeof NavigationMenuDivider;
+    } & import("react").RefAttributes<any>>;
+    ItemIndicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        children?: React.ReactNode;
+        className?: string;
+    } & import("react").RefAttributes<any>>;
+    Arrow: (props: import("./NavigationMenu.types").NavigationMenuArrowProps & import("react").RefAttributes<any>) => React.ReactNode;
+    Positioner: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        children?: React.ReactNode;
+        align?: import("./NavigationMenu.types").NavigationMenuViewportAlign;
+        className?: string;
+    } & import("react").RefAttributes<any>>;
+    Viewport: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        children?: React.ReactNode;
+        className?: string;
+    } & import("react").RefAttributes<any>>;
 };
-export { NavigationMenuHeading, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink, NavigationMenuSubNavigation, NavigationMenuGroup, NavigationMenuGroupHeading, NavigationMenuDescription, NavigationMenuLeadingVisual, NavigationMenuTrailingVisual, NavigationMenuDivider, };
-export { NavigationMenuContext, NavigationMenuItemContext, NavigationMenuLinkContext, NavigationMenuHeadingLevelContext, NavigationMenuDepthContext, } from "./NavigationMenuContext";
+export { NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuItemIndicator, NavigationMenuArrow, NavigationMenuPositioner, NavigationMenuViewport, };
+export { NavigationMenuContext, NavigationMenuItemContext, NavigationMenuPositionerContext, } from "./NavigationMenuContext";
+export { useNavigationMenu } from "./useNavigationMenu";
 export * from "./NavigationMenu.types";

package/build/components/navigation-menu/navigate.d.ts

@@ -0,0 +1,8 @@
+import type { TextDirection } from "../../providers/direction/Direction.types";
+export type NavigateOptions = {
+    key: string;
+    orientation?: "horizontal" | "vertical" | "both";
+    loop?: boolean;
+    direction?: TextDirection;
+};
+export declare const navigate: <T extends HTMLElement>(items: T[], current: T | null, options: NavigateOptions) => T | null;

package/build/components/navigation-menu/tabOrder.d.ts

@@ -0,0 +1,3 @@
+export declare const getTabbables: (container: HTMLElement | null) => HTMLElement[];
+export declare const focusFirst: (candidates: HTMLElement[]) => boolean;
+export declare const removeFromTabOrder: (candidates: HTMLElement[]) => () => void;

package/build/components/navigation-menu/useNavigationMenu.d.ts

@@ -0,0 +1,2 @@
+import type { NavigationMenuApi } from "./NavigationMenu.types";
+export declare const useNavigationMenu: () => NavigationMenuApi;

package/build/components/navigation-menu/viewportPosition.d.ts

@@ -0,0 +1,2 @@
+import type { NavigationMenuPoint, NavigationMenuViewportAlign } from "./NavigationMenu.types";
+export declare const getViewportPosition: (root: HTMLElement, trigger: HTMLElement, content: HTMLElement, align: NavigationMenuViewportAlign) => NavigationMenuPoint;

package/build/components/presence/Presence.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & import("./Presence.types").UsePresenceOptions & {
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/presence/Presence.types.d.ts

@@ -0,0 +1,29 @@
+import type * as React from "react";
+import type { PolymorphicProps } from "../../utilities/polymorphic";
+export type PresenceHideMode = "display-none" | "activity";
+export type PresenceState = "mounted" | "unmountSuspended" | "unmounted";
+export type UsePresenceOptions = {
+    present?: boolean;
+    lazyMount?: boolean;
+    unmountOnExit?: boolean;
+    hideMode?: PresenceHideMode;
+    skipAnimationOnMount?: boolean;
+    onEnterComplete?: () => void;
+    onExitComplete?: () => void;
+};
+export type PresenceAttributes = {
+    "data-state"?: "open" | "closed";
+    hidden: boolean;
+};
+export type UsePresenceReturn = {
+    ref: (node: HTMLElement | null) => void;
+    getPresenceProps: () => PresenceAttributes;
+    present: boolean;
+    unmounted: boolean;
+    hideMode: PresenceHideMode;
+    skip: boolean;
+};
+export type PresenceProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", UsePresenceOptions & {
+    className?: string;
+}>;
+export type PresenceContextValue = UsePresenceReturn;

package/build/components/presence/PresenceContext.d.ts

@@ -0,0 +1 @@
+export declare const PresenceContext: import("react").Context<import("./Presence.types").UsePresenceReturn | undefined>;

package/build/components/presence/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Presence } from "./Presence";
+export { PresenceContext } from "./PresenceContext";
+export { splitPresenceProps } from "./splitPresenceProps";
+export { usePresence } from "./usePresence";
+export { usePresenceContext } from "./usePresenceContext";
+export * from "./Presence.types";

package/build/components/presence/splitPresenceProps.d.ts

@@ -0,0 +1,2 @@
+import type { UsePresenceOptions } from "./Presence.types";
+export declare const splitPresenceProps: <T extends UsePresenceOptions>(props: T) => [UsePresenceOptions, Omit<T, keyof UsePresenceOptions>];

package/build/components/presence/usePresence.d.ts

@@ -0,0 +1,2 @@
+import type { UsePresenceOptions, UsePresenceReturn } from "./Presence.types";
+export declare const usePresence: (options?: UsePresenceOptions) => UsePresenceReturn;

package/build/components/presence/usePresenceContext.d.ts

@@ -0,0 +1,2 @@
+import type { PresenceContextValue } from "./Presence.types";
+export declare const usePresenceContext: () => PresenceContextValue;

package/build/components/tooltip/anchoredPosition.d.ts

@@ -12,4 +12,15 @@ export type AnchoredPosition = {
     anchorSide: AnchorSide;
     anchorAlign: AnchorAlignment;
 };
-export declare const getAnchoredPosition: (floating: HTMLElement, anchor: HTMLElement, { side, align, anchorOffset, alignmentOffset, }: AnchoredPositionOptions) => AnchoredPosition;
+export type AnchoredPositionRect = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+    width: number;
+    height: number;
+};
+export type AnchoredPositionAnchor = {
+    getBoundingClientRect: () => AnchoredPositionRect;
+};
+export declare const getAnchoredPosition: (floating: HTMLElement, anchor: AnchoredPositionAnchor, { side, align, anchorOffset, alignmentOffset, }: AnchoredPositionOptions) => AnchoredPosition;

package/build/lib/react-globe/Globe.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { GlobeProps } from "./types";
+declare function Globe({ children, className, style, width, height, devicePixelRatio, context, onRender, ...state }: GlobeProps): React.JSX.Element;
+declare namespace Globe {
+    var displayName: string;
+}
+export { Globe };

package/build/lib/react-globe/GlobeContext.d.ts

@@ -0,0 +1,2 @@
+import type { GlobeInstance } from "./types";
+export declare const GlobeContext: import("react").Context<GlobeInstance | undefined>;

package/build/lib/react-globe/GlobeOverlay.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { GlobeOverlayProps } from "./types";
+declare function GlobeOverlay({ marker, arc, className, style, children, ...rest }: GlobeOverlayProps): React.JSX.Element | null;
+declare namespace GlobeOverlay {
+    var displayName: string;
+}
+export { GlobeOverlay };

package/build/lib/react-globe/anchor.d.ts

@@ -0,0 +1,13 @@
+import type { GlobeArc, GlobeLocation, GlobeMarker, GlobeProjection } from "./types";
+export declare const markerAnchorName: (id: string) => string;
+export declare const arcAnchorName: (id: string) => string;
+export declare const markerVisibilityVariable: (id: string) => string;
+export declare const arcVisibilityVariable: (id: string) => string;
+export declare const supportsAnchorPositioning: () => boolean;
+export type AnchorManager = {
+    updateMarkers: (markers: readonly GlobeMarker[], project: (location: GlobeLocation) => GlobeProjection) => void;
+    updateArcs: (arcs: readonly GlobeArc[], project: (arc: GlobeArc) => GlobeProjection | null) => void;
+    applyVisibility: () => void;
+    remove: () => void;
+};
+export declare function createAnchorManager(container: HTMLElement | null): AnchorManager;

package/build/lib/react-globe/index.d.ts

@@ -0,0 +1,32 @@
+/**
+ * React Globe library
+ *
+ * A dotted globe drawn with WebGL onto a canvas, with markers and arcs standing on it and any
+ * element of the page held over them. The globe is drawn once for every state it is told, so a
+ * still globe costs nothing after it is drawn and a turning one is drawn as often as the caller
+ * says.
+ *
+ *     <Globe
+ *         markers={[{ id: "sf", location: [37.78, -122.44], size: 0.03 }]}
+ *         onRender={(state) => {
+ *             state.phi = phi += 0.005;
+ *         }}
+ *     >
+ *         <GlobeOverlay marker="sf">San Francisco</GlobeOverlay>
+ *     </Globe>
+ *
+ * The overlays are held in place by CSS anchor positioning: every named marker and arc has an
+ * anchor called `--globe-{id}` or `--globe-arc-{id}` moved under it on every frame, and a
+ * variable called `--globe-visible-{id}` or `--globe-visible-arc-{id}` that is set while it is
+ * in view and unset while it is round the back.
+ *
+ * Ported from cobe (MIT).
+ */
+export { createGlobe, DEFAULT_GLOBE_STATE, GLOBE_STATE_KEYS } from "./renderer";
+export { Globe } from "./Globe";
+export { GlobeContext } from "./GlobeContext";
+export { useGlobe } from "./useGlobe";
+export { GlobeOverlay } from "./GlobeOverlay";
+export { latLonTo3D, GLOBE_RADIUS } from "./projection";
+export { arcAnchorName, arcVisibilityVariable, markerAnchorName, markerVisibilityVariable, supportsAnchorPositioning, } from "./anchor";
+export type { GlobeArc, GlobeColor, GlobeInstance, GlobeLocation, GlobeMarker, GlobeOptions, GlobeOverlayProps, GlobeProjection, GlobeProps, GlobeRenderCallback, GlobeState, } from "./types";

package/build/lib/react-globe/projection.d.ts

@@ -0,0 +1,18 @@
+import type { GlobeArc, GlobeLocation, GlobeProjection } from "./types";
+export type GlobePosition = [x: number, y: number, z: number];
+export type GlobeView = {
+    phi: number;
+    theta: number;
+    width: number;
+    height: number;
+    devicePixelRatio: number;
+    scale: number;
+    offset: [x: number, y: number];
+    markerElevation: number;
+    arcHeight: number;
+};
+export declare const GLOBE_RADIUS = 0.8;
+export declare function latLonTo3D([latitude, longitude]: GlobeLocation): GlobePosition;
+export declare function applyRotation([x, y, z]: GlobePosition, view: GlobeView): GlobeProjection;
+export declare function project(location: GlobeLocation, view: GlobeView): GlobeProjection;
+export declare function projectArcMidpoint(arc: GlobeArc, view: GlobeView): GlobeProjection | null;

package/build/lib/react-globe/renderer.d.ts

@@ -0,0 +1,4 @@
+import type { GlobeInstance, GlobeOptions, GlobeState } from "./types";
+export declare const DEFAULT_GLOBE_STATE: Required<Omit<GlobeState, "width" | "height">>;
+export declare const GLOBE_STATE_KEYS: ReadonlyArray<keyof typeof DEFAULT_GLOBE_STATE>;
+export declare function createGlobe(canvas: HTMLCanvasElement, options: GlobeOptions): GlobeInstance;

package/build/lib/react-globe/shaders/arc.d.ts

@@ -0,0 +1,2 @@
+export declare const ARC_VERTEX_SHADER = "\nconst float GLOBE_R = 0.8;\n\nattribute vec2 aPosition;\nattribute vec3 aArcFrom;\nattribute vec3 aArcTo;\nattribute float aArcHeight;\nattribute float aArcWidth;\nattribute vec3 aArcColor;\nattribute float aHasColor;\n\nuniform float phi;\nuniform float theta;\nuniform vec2 uResolution;\nuniform float scale;\nuniform vec2 offset;\nuniform float markerElevation;\n\nvarying vec3 vArcColor;\nvarying float vHasColor;\nvarying float vDepth;\nvarying float vRadialDist;\n\nmat3 rotate(float theta, float phi) {\n  float cx = cos(theta);\n  float cy = cos(phi);\n  float sx = sin(theta);\n  float sy = sin(phi);\n  return mat3(\n    cy, sy * sx, -sy * cx,\n    0.0, cx, sx,\n    sy, cy * -sx, cy * cx\n  );\n}\n\nvec3 bezierPoint(vec3 p0, vec3 p1, vec3 p2, float t) {\n  float u = 1.0 - t;\n  return u * u * p0 + 2.0 * u * t * p1 + t * t * p2;\n}\n\nvec3 bezierTangent(vec3 p0, vec3 p1, vec3 p2, float t) {\n  float u = 1.0 - t;\n  return 2.0 * u * (p1 - p0) + 2.0 * t * (p2 - p1);\n}\n\nvoid main() {\n  mat3 rot = rotate(theta, phi);\n\n  float endpointR = GLOBE_R + markerElevation;\n  vec3 from = aArcFrom * endpointR;\n  vec3 to = aArcTo * endpointR;\n\n  vec3 midSum = aArcFrom + aArcTo;\n  float midLen = length(midSum);\n  vec3 midDir = midLen > 0.001 ? midSum / midLen : vec3(0.0, 1.0, 0.0);\n  vec3 mid = midDir * (GLOBE_R + aArcHeight);\n\n  float t = aPosition.x;\n  vec3 arcPoint = bezierPoint(from, mid, to, t);\n\n  vec3 rotatedPoint = rot * arcPoint;\n\n  vec3 rawTangent = bezierTangent(from, mid, to, t);\n  vec3 rotatedTangent = rot * rawTangent;\n\n  vec2 screenTangent = rotatedTangent.xy;\n  float screenTangentLen = length(screenTangent);\n\n  vec2 screenPerp = screenTangentLen > 0.001\n    ? vec2(-screenTangent.y, screenTangent.x) / screenTangentLen\n    : vec2(1.0, 0.0);\n\n  float aspect = uResolution.x / uResolution.y;\n  vec2 baseScreenPos = rotatedPoint.xy * vec2(1.0 / aspect, 1.0) * scale\n    + offset * vec2(1.0, -1.0) * scale / uResolution;\n\n  vec2 screenPos = baseScreenPos + screenPerp * aArcWidth * aPosition.y * scale;\n\n  gl_Position = vec4(screenPos, 0.0, 1.0);\n\n  vArcColor = aArcColor;\n  vHasColor = aHasColor;\n  vDepth = rotatedPoint.z;\n  vRadialDist = length(rotatedPoint.xy);\n}\n";
+export declare const ARC_FRAGMENT_SHADER = "\nprecision highp float;\n\nconst float GLOBE_R = 0.8;\n\nuniform vec3 arcColor;\n\nvarying vec3 vArcColor;\nvarying float vHasColor;\nvarying float vDepth;\nvarying float vRadialDist;\n\nvoid main() {\n  if (vDepth < 0.0 && vRadialDist < GLOBE_R) discard;\n\n  vec3 col = vHasColor > 0.5 ? vArcColor : arcColor;\n  gl_FragColor = vec4(col, 1.0);\n}\n";

package/build/lib/react-globe/shaders/globe.d.ts

@@ -0,0 +1,2 @@
+export declare const GLOBE_VERTEX_SHADER = "\nattribute vec2 aPosition;\n\nvoid main() {\n  gl_Position = vec4(aPosition, 0.0, 1.0);\n}\n";
+export declare const GLOBE_FRAGMENT_SHADER = "\nprecision highp float;\n\nuniform vec2 uResolution;\nuniform vec2 offset;\nuniform vec2 rotation;\nuniform float dots;\nuniform float scale;\nuniform vec3 baseColor;\nuniform vec3 glowColor;\nuniform vec4 renderParams;\nuniform float mapBaseBrightness;\nuniform sampler2D uTexture;\n\nconst float sqrt5 = 2.236068;\nconst float PI = 3.141593;\nconst float kTau = 6.283185;\nconst float kPhi = 1.618034;\nconst float r = 0.8;\n\nfloat byDots;\n\nmat3 rotate(float theta, float phi) {\n  float cx = cos(theta);\n  float cy = cos(phi);\n  float sx = sin(theta);\n  float sy = sin(phi);\n  return mat3(\n    cy, sy * sx, -sy * cx,\n    0.0, cx, sx,\n    sy, cy * -sx, cy * cx\n  );\n}\n\nvec3 nearestFibonacciLattice(vec3 p, out float m) {\n  p = p.xzy;\n\n  float k = max(2.0, floor(log2(sqrt5 * dots * PI * (1.0 - p.z * p.z)) * 0.72021));\n\n  vec2 f = floor(pow(kPhi, k) / sqrt5 * vec2(1.0, kPhi) + 0.5);\n  vec2 br1 = fract((f + 1.0) * (kPhi - 1.0)) * kTau - 3.883222;\n  vec2 br2 = -2.0 * f;\n  vec2 sp = vec2(atan(p.y, p.x), p.z - 1.0);\n  vec2 c = floor(vec2(\n    br2.y * sp.x - br1.y * (sp.y * dots + 1.0),\n    -br2.x * sp.x + br1.x * (sp.y * dots + 1.0)\n  ) / (br1.x * br2.y - br2.x * br1.y));\n\n  float mindist = PI;\n  vec3 minip;\n  for (float s = 0.0; s < 4.0; s += 1.0) {\n    vec2 o = vec2(mod(s, 2.0), floor(s * 0.5));\n    float idx = dot(f, c + o);\n    if (idx > dots) continue;\n\n    float a = idx, b = 0.0;\n    if (a >= 16384.0) a -= 16384.0, b += 0.868872;\n    if (a >= 8192.0) a -= 8192.0, b += 0.934436;\n    if (a >= 4096.0) a -= 4096.0, b += 0.467218;\n    if (a >= 2048.0) a -= 2048.0, b += 0.733609;\n    if (a >= 1024.0) a -= 1024.0, b += 0.866804;\n    if (a >= 512.0) a -= 512.0, b += 0.433402;\n    if (a >= 256.0) a -= 256.0, b += 0.216701;\n    if (a >= 128.0) a -= 128.0, b += 0.108351;\n    if (a >= 64.0) a -= 64.0, b += 0.554175;\n    if (a >= 32.0) a -= 32.0, b += 0.777088;\n    if (a >= 16.0) a -= 16.0, b += 0.888544;\n    if (a >= 8.0) a -= 8.0, b += 0.944272;\n    if (a >= 4.0) a -= 4.0, b += 0.472136;\n    if (a >= 2.0) a -= 2.0, b += 0.236068;\n    if (a >= 1.0) a -= 1.0, b += 0.618034;\n\n    float theta = fract(b) * kTau;\n\n    float cosphi = 1.0 - 2.0 * idx * byDots;\n    float sinphi = sqrt(1.0 - cosphi * cosphi);\n    vec3 candidate = vec3(cos(theta) * sinphi, sin(theta) * sinphi, cosphi);\n\n    float dist = length(p - candidate);\n\n    if (dist < mindist) {\n      mindist = dist;\n      minip = candidate;\n    }\n  }\n\n  m = mindist;\n  return minip.xzy;\n}\n\nvoid main() {\n  byDots = 1.0 / dots;\n\n  vec2 invResolution = 1.0 / uResolution;\n\n  vec2 uv = ((gl_FragCoord.xy * invResolution) * 2.0 - 1.0) / scale\n    - offset * vec2(1.0, -1.0) * invResolution;\n  uv.x *= uResolution.x * invResolution.y;\n\n  float l = dot(uv, uv);\n  float glowFactor = 0.0;\n\n  vec4 color = vec4(0.0);\n\n  if (l <= r * r) {\n    float dis;\n    vec4 layer = vec4(0.0);\n    vec3 p = normalize(vec3(uv, sqrt(r * r - l)));\n    mat3 rot = rotate(rotation.y, rotation.x);\n    float dotNL = p.z;\n\n    vec3 gP = nearestFibonacciLattice(p * rot, dis);\n\n    float gPhi = asin(gP.y);\n    float gTheta = acos(-gP.x / cos(gPhi));\n    if (gP.z < 0.0) gTheta = -gTheta;\n\n    vec2 mapUV = vec2((gTheta * 0.5) / PI, -(gPhi / PI + 0.5));\n    float mapColor = max(texture2D(uTexture, mapUV).x, mapBaseBrightness);\n\n    float land = mapColor\n      * smoothstep(0.008, 0.0, dis)\n      * pow(dotNL, renderParams.y)\n      * renderParams.x;\n    layer += vec4(baseColor\n      * (mix((1.0 - land) * pow(dotNL, 0.4), land, renderParams.z) + 0.1)\n      + pow(1.0 - dotNL, 4.0) * glowColor\n    , 1.0);\n\n    color += layer * (1.0 + renderParams.w) * 0.5;\n\n    glowFactor = (1.0 - l) * (1.0 - l) * smoothstep(0.0, 1.0, 0.2 / (l - r * r));\n  } else {\n    float outD = sqrt(0.2 / (l - r * r));\n    glowFactor = smoothstep(0.5, 1.0, outD / (outD + 1.0));\n  }\n\n  gl_FragColor = color + vec4(glowFactor * glowColor, glowFactor);\n}\n";

package/build/lib/react-globe/shaders/marker.d.ts

@@ -0,0 +1,2 @@
+export declare const MARKER_VERTEX_SHADER = "\nattribute vec2 aPosition;\nattribute vec3 aMarkerPos;\nattribute float aMarkerSize;\nattribute vec3 aMarkerColor;\nattribute float aHasColor;\n\nuniform float phi;\nuniform float theta;\nuniform vec2 uResolution;\nuniform float scale;\nuniform vec2 offset;\nuniform float markerElevation;\n\nvarying vec2 vUV;\nvarying vec3 vMarkerColor;\nvarying float vHasColor;\n\nvoid main() {\n  float cx = cos(theta), sx = sin(theta);\n  float cy = cos(phi), sy = sin(phi);\n  vec3 p = aMarkerPos * (0.8 + markerElevation);\n  vec3 rp = vec3(\n    cy * p.x + sy * p.z,\n    sy * sx * p.x + cx * p.y - cy * sx * p.z,\n    -sy * cx * p.x + sx * p.y + cy * cx * p.z\n  );\n\n  if (rp.z < 0.0 && length(rp.xy) < 0.8) {\n    gl_Position = vec4(2.0, 2.0, 0.0, 1.0);\n    return;\n  }\n\n  float ia = uResolution.y / uResolution.x;\n  vec2 pos = (rp.xy + aPosition * aMarkerSize * 2.0) * vec2(ia, 1.0) * scale\n    + offset * vec2(1.0, -1.0) * scale / uResolution;\n  gl_Position = vec4(pos, 0.0, 1.0);\n\n  vUV = aPosition;\n  vMarkerColor = aMarkerColor;\n  vHasColor = aHasColor;\n}\n";
+export declare const MARKER_FRAGMENT_SHADER = "\nprecision highp float;\n\nuniform vec3 markerColor;\n\nvarying vec2 vUV;\nvarying vec3 vMarkerColor;\nvarying float vHasColor;\n\nvoid main() {\n  if (length(vUV) > 0.25) discard;\n  vec3 col = vHasColor > 0.5 ? vMarkerColor : markerColor;\n  gl_FragColor = vec4(col, 1.0);\n}\n";

package/build/lib/react-globe/texture.d.ts

@@ -0,0 +1 @@
+export declare const GLOBE_TEXTURE = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAACAAQAAAADMzoqnAAAECklEQVR42u3VsW4jRRzH8d94gzfF4Q0VQaC4vBLTRTp0mze4ggfAPAE5XQEFsGNAVIjwBrmW7h7gJE+giKjyABTZE4g06LKJETdRJvtD65kdz6yduKABiW+TVfzRf2bXYxtcE/59YJCz6YdbgQF6ACSRrwYKYImmh5PbwOewlV3wlQNbAN6SEExjUOO+BU0aCSnxReHABUlK4YFQeJeUT3da8IIkZ6NGoSnFY5KsMoVzMKfECUnqxgPYRArarmUCndHwzIEaQEpg5xVdBXROl8mpAQx5dUgPiHoYAAkg5w3JABR06byGAVgcRGAz5bznj6phBQNRFwyqgdxebH6gshJAesWoFhgYpApAFoG8BIZ/fEhSox5jDjQXmV0Ar5XJfAIrALi3URVs09gHIL4XJCkLC5LH9JWiArABFCSrQjdgkBzRJ0WJeUOSNyQAfJJwUSWUBRlJQ8oGHATACGlBynnzy2kEYLNjrxouigD8BZcgOeVPqh12RtufaCN5wCPVDpvQ9lsIrqndsJtDcWqBCpf4hWN7OdWHBw58FwIaNOU/n1TpMW2DFaD48cmr4185T8NHkpUFX749pQPVdgRKC/DGoQPVeAEKv+WHvY8OOWNTPRp5kHuwSf8wzXtVBKR7YwEH9H3lQUaypUfSATOALyVNu5vZJW31Bnx98nkLfDUWJaz6ixvm+RIQRdl3kmRxxiaDoGnZW4CpPfkaQadlcPim1xOSvETQo7Lv75enVAXJ3xGUlony4KQBBWUM1NiDc6qhyS8RgQs18OCMMtPDaAUIyg0PZkRWDqs+wnKJBTDI1Js6BolegOsKmUxNDBAAKqQyMQmidhegBlLZ+wwKYdv5M/8x1khkb1cgKqP2H+MKyV5vS+whrE8DQDgAlUAoRBX056EElJCjJVACeJBZgNfVp+iCCm4RBWCgKsRxASSA9KgDhDtCiTuMyfHsKXzhC6wNAIjjWb8LKAOA2ctk3FmCOlgKFy8f1N0JJtgsxinYnVAHt4t3gPzZXSCTyCWCQmBT91QE3B5yarSN40dNHYPka4TlDhTUI8zLvl0JSL3vZn6DsCFZOeB2yROEpR68sECQQA++xIGCR2X7DwlEoLRgUrZrqlUg50S1uy43YqDcN6UFBVkhAjWiCV2Q0jgQPdplMKxvBXodcOfAwJYvgdL+1etA1YJJfBcZlQV7sO1i2gHoNiyxtQ5sBsCgWyoxCHiFFd2L5nUTCqMAqGUgsQ9f5kCcCiZgRYkMgMTd5WsB1rTzj0Em14BE4r+QxN1lCEsVur2PoF5Wbg8RJXR4djgvBgauhLywoEZQrt1KKRdVS4CdlJ8qafyP+9KIj/nE/d7kKwH9jgS72e9DV+kvfTWgct4ZyP8Byb8BPG7MaaIIkAQAAAAASUVORK5CYII=";

package/build/lib/react-globe/types/index.d.ts

@@ -0,0 +1,69 @@
+import type * as React from "react";
+export type GlobeLocation = [latitude: number, longitude: number];
+export type GlobeColor = [red: number, green: number, blue: number];
+export type GlobeMarker = {
+    location: GlobeLocation;
+    size: number;
+    color?: GlobeColor;
+    id?: string;
+};
+export type GlobeArc = {
+    from: GlobeLocation;
+    to: GlobeLocation;
+    color?: GlobeColor;
+    id?: string;
+};
+export type GlobeState = {
+    width?: number;
+    height?: number;
+    phi?: number;
+    theta?: number;
+    markers?: readonly GlobeMarker[];
+    arcs?: readonly GlobeArc[];
+    mapSamples?: number;
+    mapBrightness?: number;
+    mapBaseBrightness?: number;
+    baseColor?: GlobeColor;
+    markerColor?: GlobeColor;
+    glowColor?: GlobeColor;
+    arcColor?: GlobeColor;
+    arcWidth?: number;
+    arcHeight?: number;
+    markerElevation?: number;
+    diffuse?: number;
+    dark?: number;
+    opacity?: number;
+    offset?: [x: number, y: number];
+    scale?: number;
+};
+export type GlobeOptions = GlobeState & {
+    width: number;
+    height: number;
+    devicePixelRatio?: number;
+    context?: WebGLContextAttributes;
+};
+export type GlobeInstance = {
+    update: (state: GlobeState) => void;
+    destroy: () => void;
+};
+export type GlobeRenderCallback = (state: GlobeState) => GlobeState | void;
+export type GlobeProjection = {
+    x: number;
+    y: number;
+    visible: boolean;
+};
+export type GlobeProps = Omit<GlobeOptions, "width" | "height"> & {
+    width?: number | string;
+    height?: number | string;
+    onRender?: GlobeRenderCallback;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export type GlobeOverlayProps = React.ComponentPropsWithoutRef<"div"> & ({
+    marker: string;
+    arc?: never;
+} | {
+    arc: string;
+    marker?: never;
+});

package/build/lib/react-globe/useGlobe.d.ts

@@ -0,0 +1 @@
+export declare const useGlobe: () => import("./types").GlobeInstance | undefined;

package/build/lib/react-globe/webgl.d.ts

@@ -0,0 +1,3 @@
+export declare function createProgram(gl: WebGLRenderingContext, vertexSource: string, fragmentSource: string): WebGLProgram | null;
+export declare function getUniformLocations<TName extends string>(gl: WebGLRenderingContext, program: WebGLProgram, names: readonly TName[]): Record<TName, WebGLUniformLocation | null>;
+export declare function getAttribLocations<TName extends string>(gl: WebGLRenderingContext, program: WebGLProgram, names: readonly TName[]): Record<TName, number>;