@gamecrafters/base-ui 0.0.37 → 0.0.39

package/build/components/date-input/DateInput.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { DateInputProps } from "./DateInput.types";
+declare const _default: (props: DateInputProps & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/date-input/DateInput.types.d.ts

@@ -0,0 +1,137 @@
+import type * as React from "react";
+import type { CalendarDateInput, CalendarDateMatcher, CalendarMode, CalendarRange, CalendarRangeInput } from "../calendar/Calendar.types";
+import type { TextInputSize } from "../text-input/TextInput.types";
+export type DateInputGranularity = "day" | "hour" | "minute" | "second";
+export type DateInputHourCycle = 12 | 24;
+export type DateInputEditableSegmentType = "year" | "month" | "day" | "hour" | "minute" | "second" | "dayPeriod";
+export type DateInputSegmentType = DateInputEditableSegmentType | "literal";
+export type DateInputSegmentDetails = {
+    type: DateInputSegmentType;
+    text: string;
+    value?: number;
+    minValue?: number;
+    maxValue?: number;
+    placeholder: string;
+    placeholderShown: boolean;
+    entered: boolean;
+    filled: boolean;
+    editable: boolean;
+};
+export type DateInputIds = {
+    root?: string;
+    label?: string;
+    control?: string;
+    segmentGroup?: (index: number) => string;
+    hiddenInput?: (index: number) => string;
+};
+export type DateInputSegmentLabels = Partial<Record<DateInputEditableSegmentType, string>>;
+export type DateInputPropsForOneDay = {
+    mode?: "single";
+    value?: CalendarDateInput | null;
+    defaultValue?: CalendarDateInput | null;
+    onChange?: (date: Date | null) => void;
+};
+export type DateInputPropsForARange = {
+    mode: "range";
+    value?: CalendarRangeInput | null;
+    defaultValue?: CalendarRangeInput | null;
+    onChange?: (range: CalendarRange) => void;
+};
+export type DateInputSelectionConfig = DateInputPropsForOneDay | DateInputPropsForARange;
+type DateInputStoreProps = {
+    locale?: string;
+    granularity?: DateInputGranularity;
+    hourCycle?: DateInputHourCycle;
+    leadingZeros?: boolean;
+    placeholderValue?: CalendarDateInput;
+    min?: CalendarDateInput;
+    max?: CalendarDateInput;
+    isDateUnavailable?: CalendarDateMatcher;
+    format?: string;
+    segmentLabels?: DateInputSegmentLabels;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    name?: string;
+    form?: string;
+    id?: string;
+    ids?: DateInputIds;
+    onFocusChange?: (focused: boolean) => void;
+};
+export type UseDateInputProps = DateInputStoreProps & DateInputSelectionConfig;
+export type UseDateInputElementProps = DateInputStoreProps & {
+    mode?: CalendarMode;
+    value?: CalendarDateInput | CalendarRangeInput | null;
+    defaultValue?: CalendarDateInput | CalendarRangeInput | null;
+    onChange?: ((date: Date | null) => void) | ((range: CalendarRange) => void);
+};
+export type UseDateInputReturn = {
+    mode: CalendarMode;
+    locale: string;
+    value: (Date | null)[];
+    valueAsString: string[];
+    placeholderValue: Date;
+    focused: boolean;
+    activeIndex: number;
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+    invalid: boolean;
+    name?: string;
+    form?: string;
+    ids: Required<DateInputIds>;
+    describedBy?: string;
+    segmentLabels: Record<DateInputEditableSegmentType, string>;
+    focus: (index?: number) => void;
+    setValue: (value: (CalendarDateInput | null)[]) => void;
+    clearValue: () => void;
+    getSegments: (index?: number) => DateInputSegmentDetails[];
+    rootRef: React.RefObject<HTMLDivElement | null>;
+    handleSegmentFocus: (index: number, event: React.FocusEvent<HTMLElement>) => void;
+    handleSegmentPointerDown: () => void;
+    handleSegmentBlur: (event: React.FocusEvent<HTMLElement>) => void;
+    handleSegmentKeyDown: (index: number, event: React.KeyboardEvent<HTMLElement>) => void;
+    handleSegmentInput: (index: number, event: React.InputEvent<HTMLElement>) => void;
+    handleSegmentPaste: (index: number, event: React.ClipboardEvent<HTMLElement>) => void;
+};
+type DateInputFieldProps = {
+    size?: TextInputSize;
+    block?: boolean;
+    contrast?: boolean;
+    className?: string;
+};
+export type DateInputProps = Omit<React.ComponentPropsWithoutRef<"div">, keyof UseDateInputElementProps> & UseDateInputProps & DateInputFieldProps;
+export type DateInputElementProps = Omit<React.ComponentPropsWithoutRef<"div">, keyof UseDateInputElementProps> & UseDateInputElementProps & DateInputFieldProps;
+export type DateInputRootProviderProps = Omit<React.ComponentPropsWithoutRef<"div">, "onChange" | "defaultValue"> & DateInputFieldProps & {
+    value: UseDateInputReturn;
+};
+export type DateInputLabelProps = React.ComponentPropsWithoutRef<"label"> & {
+    className?: string;
+};
+export type DateInputControlProps = React.ComponentPropsWithoutRef<"div"> & {
+    className?: string;
+};
+export type DateInputSegmentGroupChildren = React.ReactNode | ((segments: DateInputSegmentDetails[]) => React.ReactNode);
+export type DateInputSegmentGroupProps = Omit<React.ComponentPropsWithoutRef<"div">, "children"> & {
+    index?: number;
+    children?: DateInputSegmentGroupChildren;
+    className?: string;
+};
+export type DateInputSegmentProps = Omit<React.ComponentPropsWithoutRef<"span">, "children"> & {
+    segment: DateInputSegmentDetails;
+    className?: string;
+};
+export type DateInputHiddenInputProps = Omit<React.ComponentPropsWithoutRef<"input">, "type" | "value" | "defaultValue"> & {
+    index?: number;
+    name?: string;
+    className?: string;
+};
+export type DateInputContextValue = Partial<UseDateInputReturn> & Omit<DateInputFieldProps, "className"> & {
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+};
+export type DateInputSegmentGroupContextValue = {
+    index: number;
+};
+export {};

package/build/components/date-input/DateInputContext.d.ts

@@ -0,0 +1,11 @@
+import type { DateInputContextValue, DateInputSegmentGroupContextValue } from "./DateInput.types";
+export declare const DateInputContext: import("react").Context<DateInputContextValue>;
+export declare const useDateInputContext: () => DateInputContextValue;
+export declare const DateInputSegmentGroupContext: import("react").Context<DateInputSegmentGroupContextValue>;
+export declare const useDateInputSegmentGroupContext: () => DateInputSegmentGroupContextValue;
+export declare const getStateAttributes: ({ disabled, readOnly, required, invalid, }: DateInputContextValue) => {
+    "data-disabled": true | undefined;
+    "data-readonly": true | undefined;
+    "data-required": true | undefined;
+    "data-invalid": true | undefined;
+};

package/build/components/date-input/DateInputControl.d.ts

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

package/build/components/date-input/DateInputHiddenInput.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "defaultValue" | "type"> & {
+    index?: number;
+    name?: string;
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/date-input/DateInputLabel.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+declare const _default: (props: Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/date-input/DateInputRootProvider.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onChange" | "defaultValue"> & {
+    size?: import("..").TextInputSize;
+    block?: boolean;
+    contrast?: boolean;
+    className?: string;
+} & {
+    value: import("./DateInput.types").UseDateInputReturn;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/date-input/DateInputSegment.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children"> & {
+    segment: import("./DateInput.types").DateInputSegmentDetails;
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/date-input/DateInputSegmentGroup.d.ts

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

package/build/components/date-input/dateInputFields.d.ts

@@ -0,0 +1,49 @@
+import type { Dayjs } from "dayjs";
+import type { DateInputEditableSegmentType, DateInputSegmentDetails, DateInputSegmentType } from "./DateInput.types";
+export type DateInputHourCycleId = "h11" | "h12" | "h23" | "h24";
+export type DateInputFields = {
+    year: number | null;
+    month: number | null;
+    day: number | null;
+    hour: number | null;
+    minute: number | null;
+    second: number | null;
+    dayPeriod: number | null;
+};
+export type DateInputFieldLimits = {
+    minValue: number;
+    maxValue: number;
+};
+export declare const createFields: () => DateInputFields;
+export declare const toHourCycle: (hour: number, hourCycle: DateInputHourCycleId) => [dayPeriod: number | null, hour: number];
+export declare const fromHourCycle: (hour: number, dayPeriod: number, hourCycle: DateInputHourCycleId) => number;
+export declare const getFieldLimits: (type: DateInputEditableSegmentType, hourCycle: DateInputHourCycleId) => DateInputFieldLimits;
+export declare const fieldsFromDate: (date: Dayjs, hourCycle: DateInputHourCycleId) => DateInputFields;
+export declare const fieldsToDate: (fields: DateInputFields, base: Dayjs, hourCycle: DateInputHourCycleId) => Dayjs;
+export declare const withHourCycle: (fields: DateInputFields, from: DateInputHourCycleId, to: DateInputHourCycleId) => DateInputFields;
+export declare const isComplete: (fields: DateInputFields, types: DateInputEditableSegmentType[]) => boolean;
+export declare const isCleared: (fields: DateInputFields, types: DateInputEditableSegmentType[]) => boolean;
+export declare const setField: (fields: DateInputFields, type: DateInputEditableSegmentType, value: number, base: Dayjs, hourCycle: DateInputHourCycleId) => DateInputFields;
+export declare const clearField: (fields: DateInputFields, type: DateInputEditableSegmentType) => DateInputFields;
+export declare const cycleValue: (value: number, amount: number, min: number, max: number, round?: boolean) => number;
+export declare const cycleField: (fields: DateInputFields, type: DateInputEditableSegmentType, amount: number, base: Dayjs, hourCycle: DateInputHourCycleId) => DateInputFields;
+export declare const constrainDate: (date: Dayjs, min: Dayjs | null, max: Dayjs | null) => Dayjs;
+export type TypedInputOptions = {
+    fields: DateInputFields;
+    segment: DateInputSegmentDetails;
+    input: string;
+    enteredKeys: string;
+    base: Dayjs;
+    hourCycle: DateInputHourCycleId;
+    hour12: boolean;
+    dayPeriodNames: [am: string, pm: string];
+};
+export type TypedInputResult = {
+    fields: DateInputFields | null;
+    enteredKeys: string;
+    advance: boolean;
+};
+export declare const readTypedInput: ({ fields, segment, input, enteredKeys, base, hourCycle, hour12, dayPeriodNames, }: TypedInputOptions) => TypedInputResult | null;
+export declare const parsePastedDate: (text: string, formats: string[]) => Dayjs | null;
+export declare const isFocusableSegment: (segment: DateInputSegmentDetails) => boolean;
+export declare const isEditableType: (type: DateInputSegmentType) => type is DateInputEditableSegmentType;

package/build/components/date-input/dateInputSegments.d.ts

@@ -0,0 +1,26 @@
+import type { Dayjs } from "dayjs";
+import type { DateInputFields, DateInputHourCycleId } from "./dateInputFields";
+import type { DateInputEditableSegmentType, DateInputGranularity, DateInputHourCycle, DateInputSegmentDetails } from "./DateInput.types";
+export declare const DEFAULT_SEGMENT_LABELS: Record<DateInputEditableSegmentType, string>;
+export declare const PAGE_STEPS: Partial<Record<DateInputEditableSegmentType, number>>;
+export declare const DEFAULT_FORMATS: Record<DateInputGranularity, string>;
+export declare const getPastedFormats: (format: string) => string[];
+export declare const getPlaceholders: (locale: string) => Record<DateInputEditableSegmentType, string>;
+export type SegmentFormatterOptions = {
+    granularity: DateInputGranularity;
+    leadingZeros: boolean;
+    hourCycle?: DateInputHourCycle;
+};
+export declare const createSegmentFormatter: (locale: string, options: SegmentFormatterOptions) => Intl.DateTimeFormat;
+export declare const resolveHourCycle: (formatter: Intl.DateTimeFormat) => DateInputHourCycleId;
+export declare const getDayPeriodNames: (locale: string) => [am: string, pm: string];
+export declare const getSegmentTypes: (formatter: Intl.DateTimeFormat) => DateInputEditableSegmentType[];
+export type BuildSegmentsOptions = {
+    fields: DateInputFields;
+    date: Dayjs;
+    formatter: Intl.DateTimeFormat;
+    placeholders: Record<DateInputEditableSegmentType, string>;
+    granularity: DateInputGranularity;
+    hourCycle: DateInputHourCycleId;
+};
+export declare const buildSegments: ({ fields, date, formatter, placeholders, granularity, hourCycle, }: BuildSegmentsOptions) => DateInputSegmentDetails[];

package/build/components/date-input/index.d.ts

@@ -0,0 +1,41 @@
+import DateInputControl from "./DateInputControl";
+import DateInputHiddenInput from "./DateInputHiddenInput";
+import DateInputLabel from "./DateInputLabel";
+import DateInputRootProvider from "./DateInputRootProvider";
+import DateInputSegment from "./DateInputSegment";
+import DateInputSegmentGroup from "./DateInputSegmentGroup";
+export declare const DateInput: ((props: import("./DateInput.types").DateInputProps & import("react").RefAttributes<any>) => React.ReactNode) & {
+    Root: (props: import("./DateInput.types").DateInputProps & import("react").RefAttributes<any>) => React.ReactNode;
+    RootProvider: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onChange" | "defaultValue"> & {
+        size?: import("..").TextInputSize;
+        block?: boolean;
+        contrast?: boolean;
+        className?: string;
+    } & {
+        value: import("./DateInput.types").UseDateInputReturn;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Label: (props: Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Control: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    SegmentGroup: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & {
+        index?: number;
+        children?: import("./DateInput.types").DateInputSegmentGroupChildren;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Segment: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children"> & {
+        segment: import("./DateInput.types").DateInputSegmentDetails;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    HiddenInput: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "defaultValue" | "type"> & {
+        index?: number;
+        name?: string;
+        className?: string;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+};
+export { DateInputRootProvider, DateInputLabel, DateInputControl, DateInputSegmentGroup, DateInputSegment, DateInputHiddenInput, };
+export { DateInputContext, DateInputSegmentGroupContext, useDateInputContext, useDateInputSegmentGroupContext, } from "./DateInputContext";
+export { useDateInput } from "./useDateInput";
+export * from "./DateInput.types";

package/build/components/date-input/useDateInput.d.ts

@@ -0,0 +1,2 @@
+import type { UseDateInputProps, UseDateInputReturn } from "./DateInput.types";
+export declare const useDateInput: (props?: UseDateInputProps) => UseDateInputReturn;

package/build/components/globe/Globe.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import type { GlobeArc, GlobeMarker } from "./Globe.types";
+export declare const DEFAULT_GLOBE_MARKER_SIZE = 0.05;
+export declare const DEFAULT_GLOBE_SPEED = 0.3;
+declare const _default: (props: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    latitude?: number;
+    longitude?: number;
+    size?: number | string;
+    markers?: readonly GlobeMarker[];
+    arcs?: readonly GlobeArc[];
+    markerSize?: number;
+    spin?: boolean;
+    speed?: number;
+    interactive?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/globe/Globe.types.d.ts

@@ -0,0 +1,20 @@
+import type * as React from "react";
+import type { GlobeArc as GlobeSurfaceArc, GlobeMarker as GlobeSurfaceMarker } from "../../lib/react-globe";
+export type { GlobeColor, GlobeLocation, GlobeOverlayProps } from "../../lib/react-globe";
+export type GlobeMarker = Omit<GlobeSurfaceMarker, "size"> & {
+    size?: number;
+};
+export type GlobeArc = GlobeSurfaceArc;
+export type GlobeProps = React.ComponentPropsWithoutRef<"div"> & {
+    latitude?: number;
+    longitude?: number;
+    size?: number | string;
+    markers?: readonly GlobeMarker[];
+    arcs?: readonly GlobeArc[];
+    markerSize?: number;
+    spin?: boolean;
+    speed?: number;
+    interactive?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+};

package/build/components/globe/globeAppearance.d.ts

@@ -0,0 +1,2 @@
+import type { GlobeState } from "../../lib/react-globe";
+export declare const readGlobeAppearance: (element: HTMLElement) => GlobeState;

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

@@ -0,0 +1,20 @@
+import { GlobeOverlay } from "../../lib/react-globe";
+export declare const Globe: ((props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    latitude?: number;
+    longitude?: number;
+    size?: number | string;
+    markers?: readonly import("./Globe.types").GlobeMarker[];
+    arcs?: readonly import("./Globe.types").GlobeArc[];
+    markerSize?: number;
+    spin?: boolean;
+    speed?: number;
+    interactive?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+} & import("react").RefAttributes<any>) => React.ReactNode) & {
+    Overlay: typeof GlobeOverlay;
+};
+export { GlobeOverlay };
+export { DEFAULT_GLOBE_MARKER_SIZE, DEFAULT_GLOBE_SPEED } from "./Globe";
+export { useGlobe } from "../../lib/react-globe";
+export * from "./Globe.types";

package/build/components/globe/useReducedMotion.d.ts

@@ -0,0 +1 @@
+export declare const useReducedMotion: () => boolean;

package/build/components/index.d.ts

@@ -36,6 +36,7 @@ export * from "./confirmation-dialog";
 export * from "./context-menu";
 export * from "./counter-label";
 export * from "./data-table";
+export * from "./date-input";
 export * from "./date-picker";
 export * from "./details";
 export * from "./dialog";
@@ -50,6 +51,7 @@ export * from "./form-control";
 export * from "./format-byte";
 export * from "./format-number";
 export * from "./frame";
+export * from "./globe";
 export * from "./header";
 export * from "./heading";
 export * from "./hidden";

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>;