@sharadox/globe-web-library 0.0.0-stage → 0.1.0

package/LICENCA.md

@@ -0,0 +1,76 @@
+# Licença Sharadox de Código Aberto
+
+Versão 0.1.0
+
+O texto em língua portuguesa é o único texto original e vinculativo desta licença. A tradução para inglês (`LICENSE.md`) é meramente informativa; em caso de divergência prevalece o texto em português.
+
+## 1. Definições
+
+Para efeitos desta licença:
+
+1. **«Obra»** — o programa de computador, a sua documentação e quaisquer outros conteúdos disponibilizados pelo Licenciante ao abrigo desta licença, em código-fonte ou em qualquer outra forma.
+2. **«Licenciante»** — o titular dos direitos de autor identificado no aviso de direitos de autor que acompanha a Obra.
+3. **«Licenciado»** — qualquer pessoa, singular ou coletiva, que exerça os direitos concedidos por esta licença.
+4. **«Obra Derivada»** — qualquer obra baseada na Obra ou que a incorpore, total ou parcialmente, com ou sem modificações, incluindo traduções, adaptações e programas que a integrem.
+5. **«Aviso»** — o aviso de direitos de autor do Licenciante e a indicação de que a Obra está licenciada ao abrigo desta licença, incluindo a respetiva versão.
+
+## 2. Concessão de direitos
+
+1. Nos termos desta licença, o Licenciante concede ao Licenciado uma licença mundial, gratuita, não exclusiva e por todo o prazo de proteção dos direitos de autor para:
+   1. utilizar a Obra para qualquer finalidade, incluindo finalidades comerciais;
+   2. reproduzir a Obra, total ou parcialmente, por qualquer meio e sob qualquer forma;
+   3. modificar, traduzir, adaptar e transformar a Obra e criar Obras Derivadas;
+   4. distribuir, publicar, comunicar ao público, colocar à disposição, vender e sublicenciar a Obra e as Obras Derivadas.
+2. Na medida em que o Licenciante seja titular de patentes necessariamente infringidas pela Obra tal como por si disponibilizada, concede igualmente ao Licenciado, nos mesmos termos, uma licença para utilizar essas patentes no exercício dos direitos previstos no número anterior.
+3. Esta licença não transmite a titularidade de quaisquer direitos, que permanecem do Licenciante.
+
+## 3. Condições
+
+O exercício dos direitos concedidos fica sujeito às seguintes condições:
+
+1. Todas as cópias da Obra, ou de partes substanciais da mesma, e todas as Obras Derivadas distribuídas devem incluir o Aviso e uma cópia desta licença ou uma ligação estável para o seu texto.
+2. Quem distribuir uma versão modificada da Obra deve indicar de forma visível que a mesma foi modificada, não podendo apresentá-la como versão original do Licenciante.
+3. O Licenciado pode licenciar as suas próprias modificações ao abrigo de outros termos, desde que a parte da Obra que delas faça parte continue sujeita às condições desta licença.
+
+## 4. Nomes e marcas
+
+Esta licença não concede qualquer direito sobre o nome, as marcas, os logótipos ou outros sinais distintivos do Licenciante, incluindo a designação «Sharadox», salvo na medida estritamente necessária para cumprir o dever de incluir o Aviso. É proibido utilizá-los para promover ou sugerir o apoio do Licenciante a Obras Derivadas ou a quaisquer produtos ou serviços sem autorização prévia e escrita.
+
+## 5. Exclusão de garantias
+
+A Obra é disponibilizada «tal como está» e «conforme disponível», sem qualquer garantia, expressa ou tácita, incluindo, designadamente, garantias de comerciabilidade, de adequação a um fim específico, de ausência de erros ou de não violação de direitos de terceiros, na medida máxima permitida pela lei aplicável.
+
+## 6. Limitação de responsabilidade
+
+1. Na medida máxima permitida pela lei aplicável, o Licenciante não é responsável por quaisquer danos, diretos ou indiretos, incluindo lucros cessantes, perda de dados ou interrupção de atividade, resultantes da utilização ou da impossibilidade de utilização da Obra, ainda que tenha sido avisado da possibilidade da sua ocorrência.
+2. Nada nesta licença exclui ou limita a responsabilidade do Licenciante nos casos em que tal exclusão ou limitação não seja permitida por lei, designadamente por atos praticados com dolo ou culpa grave, nos termos do artigo 809.º e do n.º 2 do artigo 800.º do Código Civil, nem afeta os direitos que a lei imperativamente reconheça aos consumidores.
+
+## 7. Cessação
+
+1. Os direitos concedidos por esta licença cessam automaticamente se o Licenciado violar qualquer das suas condições.
+2. Os direitos são repostos se a violação for sanada no prazo de 30 dias a contar do momento em que o Licenciado dela tome conhecimento, salvo se o Licenciante tiver entretanto comunicado por escrito a sua oposição.
+3. A cessação não afeta as licenças validamente concedidas pelo Licenciado a terceiros que cumpram esta licença.
+
+## 8. Lei aplicável e foro
+
+1. Esta licença rege-se pela lei portuguesa, designadamente pelo Código do Direito de Autor e dos Direitos Conexos, aprovado pelo Decreto-Lei n.º 63/85, de 14 de março, e pelo Decreto-Lei n.º 252/94, de 20 de outubro, relativo à proteção jurídica dos programas de computador.
+2. Para a resolução de quaisquer litígios emergentes desta licença é competente o Tribunal Judicial da Comarca de Faro, sem prejuízo das normas imperativas de competência aplicáveis, nomeadamente as que protegem os consumidores.
+
+## 9. Versões da licença
+
+O Licenciante pode publicar novas versões desta licença, identificadas por um número de versão. A Obra fica sujeita à versão indicada no Aviso. O Licenciado pode, se o Aviso o permitir, optar por qualquer versão posterior.
+
+## 10. Disposições finais
+
+1. Se alguma disposição desta licença for considerada inválida ou ineficaz, as restantes mantêm-se em vigor, devendo a disposição afetada ser interpretada de forma a aproximar-se, tanto quanto possível, da intenção original.
+2. A não exigência, em qualquer momento, do cumprimento de uma disposição desta licença não constitui renúncia ao direito de o exigir posteriormente.
+
+## Como aplicar esta licença
+
+Inclua na Obra um ficheiro `LICENCA.md` com este texto, a tradução `LICENSE.md` e o seguinte aviso, preenchendo o ano e o titular:
+
+```
+Direitos de autor © <ano> <titular>.
+Licenciado ao abrigo da Licença Sharadox de Código Aberto, versão 0.1.0.
+https://github.com/Sharadox/sharadox-open-source-license
+```

package/LICENSE.md

@@ -0,0 +1,76 @@
+# Sharadox Open Source Licence
+
+Version 0.1.0
+
+This is an informative English translation. The Portuguese text (`LICENCA.md`) is the only original and binding text of this licence; if the two differ, the Portuguese text prevails.
+
+## 1. Definitions
+
+For the purposes of this licence:
+
+1. **"Work"** — the computer program, its documentation and any other content made available by the Licensor under this licence, in source code or in any other form.
+2. **"Licensor"** — the copyright holder identified in the copyright notice that accompanies the Work.
+3. **"Licensee"** — any natural or legal person exercising the rights granted by this licence.
+4. **"Derivative Work"** — any work based on or incorporating the Work, in whole or in part, with or without modifications, including translations, adaptations and programs that integrate it.
+5. **"Notice"** — the Licensor's copyright notice and the statement that the Work is licensed under this licence, including its version.
+
+## 2. Grant of rights
+
+1. Under this licence, the Licensor grants the Licensee a worldwide, royalty-free, non-exclusive licence, for the whole term of copyright protection, to:
+   1. use the Work for any purpose, including commercial purposes;
+   2. reproduce the Work, in whole or in part, by any means and in any form;
+   3. modify, translate, adapt and transform the Work and create Derivative Works;
+   4. distribute, publish, communicate to the public, make available, sell and sublicense the Work and Derivative Works.
+2. To the extent the Licensor holds patents necessarily infringed by the Work as made available by it, the Licensor also grants the Licensee, on the same terms, a licence to use those patents in exercising the rights in the previous paragraph.
+3. This licence does not transfer ownership of any rights, which remain with the Licensor.
+
+## 3. Conditions
+
+The exercise of the rights granted is subject to the following conditions:
+
+1. Every copy of the Work, or of substantial parts of it, and every distributed Derivative Work must include the Notice and a copy of this licence or a stable link to its text.
+2. Anyone distributing a modified version of the Work must state visibly that it has been modified and may not present it as the Licensor's original version.
+3. The Licensee may license their own modifications under other terms, provided the part of the Work included in them remains subject to the conditions of this licence.
+
+## 4. Names and trademarks
+
+This licence grants no rights to the Licensor's name, trademarks, logos or other distinctive signs, including the name "Sharadox", except as strictly necessary to comply with the duty to include the Notice. Using them to promote or suggest the Licensor's endorsement of Derivative Works or of any products or services without prior written permission is prohibited.
+
+## 5. Disclaimer of warranties
+
+The Work is provided "as is" and "as available", without any warranty, express or implied, including in particular warranties of merchantability, fitness for a particular purpose, absence of errors or non-infringement of third-party rights, to the maximum extent permitted by applicable law.
+
+## 6. Limitation of liability
+
+1. To the maximum extent permitted by applicable law, the Licensor is not liable for any damages, direct or indirect, including loss of profits, loss of data or business interruption, arising from the use of or inability to use the Work, even if advised of the possibility of such damages.
+2. Nothing in this licence excludes or limits the Licensor's liability where such exclusion or limitation is not permitted by law, in particular for acts committed with intent or gross negligence, under article 809 and article 800(2) of the Portuguese Civil Code, nor does it affect rights that the law mandatorily grants to consumers.
+
+## 7. Termination
+
+1. The rights granted by this licence terminate automatically if the Licensee breaches any of its conditions.
+2. The rights are reinstated if the breach is remedied within 30 days of the Licensee becoming aware of it, unless the Licensor has meanwhile objected in writing.
+3. Termination does not affect licences validly granted by the Licensee to third parties who comply with this licence.
+
+## 8. Governing law and jurisdiction
+
+1. This licence is governed by Portuguese law, in particular the Code of Copyright and Related Rights, approved by Decree-Law no. 63/85 of 14 March, and Decree-Law no. 252/94 of 20 October on the legal protection of computer programs.
+2. The Judicial Court of the District of Faro has jurisdiction over any dispute arising from this licence, without prejudice to applicable mandatory rules of jurisdiction, in particular those protecting consumers.
+
+## 9. Licence versions
+
+The Licensor may publish new versions of this licence, identified by a version number. The Work is subject to the version stated in the Notice. If the Notice allows it, the Licensee may choose any later version.
+
+## 10. Final provisions
+
+1. If any provision of this licence is held invalid or unenforceable, the remaining provisions stay in force, and the affected provision shall be interpreted as closely as possible to its original intent.
+2. Failure to enforce any provision of this licence at any time does not waive the right to enforce it later.
+
+## How to apply this licence
+
+Include in the Work a `LICENCA.md` file with the Portuguese text, this translation as `LICENSE.md`, and the following notice, filling in the year and holder:
+
+```
+Direitos de autor © <ano> <titular>.
+Licenciado ao abrigo da Licença Sharadox de Código Aberto, versão 0.1.0.
+https://github.com/Sharadox/sharadox-open-source-license
+```

package/NOTICE.md

@@ -0,0 +1,3 @@
+Direitos de autor © 2026 Micael Pires (Sharadox).
+Licenciado ao abrigo da Licença Sharadox de Código Aberto, versão 0.1.0.
+https://github.com/Sharadox/sharadox-open-source-license

package/README.md

@@ -1,3 +1,61 @@
-# Temporary Holding Version
+# @sharadox/globe-web-library
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+An interactive 3D dot globe for React websites, built on three.js:
+
+- **Land:** twinkling dots that fade towards the edge.
+- **Arcs:** a pulse travels from your home to each destination, and a marker with a pulsing ring sits at home.
+- **Motion:** drag to spin with inertia, a slow auto-rotation that eases back in, and a small tilt towards the pointer.
+- **Colours:** they come from your page, so a dark style draws white light and a light style draws dark ink.
+- **Performance and fallbacks:** it pauses while off screen, shows a static sphere without WebGL, and stops auto-rotating for reduced motion.
+
+It also ships `globe-land-points`, which generates the land dots file from Natural Earth data.
+
+## Install
+
+```sh
+pnpm add @sharadox/globe-web-library
+pnpm exec globe-land-points public/globe/land.bin   # once; commit the file
+```
+
+## Use
+
+```tsx
+"use client";
+import dynamic from "next/dynamic";
+
+const Globe = dynamic(() => import("@sharadox/globe-web-library/globe").then((module) => module.Globe), { ssr: false });
+
+<div style={{ position: "relative", aspectRatio: 1 }}>
+  <Globe
+    palette={{ ink: "#ffffff", body: "#050505", rim: "#525252", dark: true }}
+    home={{ latitude: 37.08, longitude: -8.03 }}
+    destinations={[
+      { latitude: 51.51, longitude: -0.13 },
+      { latitude: 40.71, longitude: -74 },
+    ]}
+  />
+</div>;
+```
+
+The globe fills its positioned parent. Its halo and fallback follow `--globe-glow` (default `currentColor`) and `--globe-surface`.
+
+## API
+
+| Import                                                                | Export                                                                             |
+| --------------------------------------------------------------------- | ---------------------------------------------------------------------------------- |
+| `…/globe`                                                             | `<Globe palette home destinations? landPoints? label? className?>`                 |
+| `…/world`                                                             | `<World>`, the three.js scene, to use inside your own `<Canvas>`                   |
+| `…/drag-controller`                                                   | `createDragController(initial, autoRotate)`: the motion, without React             |
+| `…/globe-drag`                                                        | `useGlobeDrag(initial, autoRotate)` → `[reference, controller]`                    |
+| `…/land-points`                                                       | `useLandPoints(url)` → `Float32Array` of latitude and longitude pairs, or `null`   |
+| `…/land-point-generator`                                              | `landPoints(topology, samples?, southernLimit?)`; bin `globe-land-points [output]` |
+| `…/color`                                                             | `globeColors({ ink, body, rim, dark })`                                            |
+| `…/latitude-longitude-to-vector`, `…/hex-channel`, `…/web-gl-support` | Helpers                                                                            |
+
+## Develop
+
+Tests replace the three.js renderer with a stand-in and run every frame callback by hand. `pnpm verify` runs formatting, lint, type-check, tests with 100% coverage and the build. Branches follow `<feature>.development` → `development` → `index`, and releases are `v<version>` tags on `index`.
+
+## Licence
+
+Licença Sharadox de Código Aberto, versão 0.1.0. See [português](LICENCA.md) (the binding text) and the [English translation](LICENSE.md).

package/distribution/arc/index.d.ts

@@ -0,0 +1,4 @@
+import type { ArcProperties } from "@sharadox/globe-web-library/arc/type";
+/** A light arc lifting off the surface between two places, with a pulse running along it. */
+export declare function Arc({ from, to, offset, colors }: ArcProperties): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/distribution/arc/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/arc/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,6FAA6F;AAC7F,wBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,aAAa,+BAiC9D"}

package/distribution/arc/index.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFrame } from "@react-three/fiber";
+import { useMemo, useRef } from "react";
+import { AdditiveBlending, NormalBlending, QuadraticBezierCurve3, TubeGeometry } from "three";
+import { ARC_SHADER } from "@sharadox/globe-web-library/shader/arc";
+import { latitudeLongitudeToVector } from "@sharadox/globe-web-library/latitude-longitude-to-vector";
+/** A light arc lifting off the surface between two places, with a pulse running along it. */
+export function Arc({ from, to, offset, colors }) {
+    const material = useRef(null);
+    const geometry = useMemo(() => {
+        const start = latitudeLongitudeToVector(from.latitude, from.longitude, 1.002);
+        const end = latitudeLongitudeToVector(to[0], to[1], 1.002);
+        const middle = start
+            .clone()
+            .add(end)
+            .multiplyScalar(0.5)
+            .normalize()
+            .multiplyScalar(1 + start.distanceTo(end) * 0.38);
+        return new TubeGeometry(new QuadraticBezierCurve3(start, middle, end), 90, 0.0032, 6, false);
+    }, [from, to]);
+    const uniforms = useMemo(() => ({ time: { value: 0 }, offset: { value: offset }, color: { value: colors.ink } }), [offset, colors]);
+    useFrame((_, deltaSeconds) => {
+        if (material.current)
+            material.current.uniforms.time.value += deltaSeconds;
+    });
+    return (_jsx("mesh", { geometry: geometry, children: _jsx("shaderMaterial", { ref: material, vertexShader: ARC_SHADER.vertex, fragmentShader: ARC_SHADER.fragment, uniforms: uniforms, transparent: true, depthWrite: false, blending: colors.additive ? AdditiveBlending : NormalBlending }) }));
+}
+//# sourceMappingURL=index.js.map

package/distribution/arc/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../source/arc/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,qBAAqB,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAC;AACnH,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,0DAA0D,CAAC;AAGrG,6FAA6F;AAC7F,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAiB;IAC7D,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,KAAK,GAAG,yBAAyB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC9E,MAAM,GAAG,GAAG,yBAAyB,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;QAC3D,MAAM,MAAM,GAAG,KAAK;aACjB,KAAK,EAAE;aACP,GAAG,CAAC,GAAG,CAAC;aACR,cAAc,CAAC,GAAG,CAAC;aACnB,SAAS,EAAE;aACX,cAAc,CAAC,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;QACpD,OAAO,IAAI,YAAY,CAAC,IAAI,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;IAC/F,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IACf,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,EACvF,CAAC,MAAM,EAAE,MAAM,CAAC,CACjB,CAAC;IACF,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,EAAE;QAC3B,IAAI,QAAQ,CAAC,OAAO;YAAE,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAK,CAAC,KAAK,IAAI,YAAY,CAAC;IAC9E,CAAC,CAAC,CAAC;IACH,OAAO,CACL,eAAM,QAAQ,EAAE,QAAQ,YACtB,yBACE,GAAG,EAAE,QAAQ,EACb,YAAY,EAAE,UAAU,CAAC,MAAM,EAC/B,cAAc,EAAE,UAAU,CAAC,QAAQ,EACnC,QAAQ,EAAE,QAAQ,EAClB,WAAW,QACX,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,GAC7D,GACG,CACR,CAAC;AACJ,CAAC"}

package/distribution/arc/type.d.ts

@@ -0,0 +1,12 @@
+import type { GlobeColors } from "@sharadox/globe-web-library/color/type";
+export interface ArcProperties {
+    colors: GlobeColors;
+    from: {
+        latitude: number;
+        longitude: number;
+    };
+    to: readonly [number, number];
+    /** Phase of the travelling pulse, 0–1, so arcs don't pulse in sync. */
+    offset: number;
+}
+//# sourceMappingURL=type.d.ts.map

package/distribution/arc/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../source/arc/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAE1E,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,EAAE,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,uEAAuE;IACvE,MAAM,EAAE,MAAM,CAAC;CAChB"}

package/distribution/arc/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/distribution/arc/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../source/arc/type.ts"],"names":[],"mappings":""}

package/distribution/color/index.d.ts

@@ -0,0 +1,9 @@
+import type { GlobeColors, GlobePalette } from "@sharadox/globe-web-library/color/type";
+/**
+ * Turns a palette (hex colours and whether the page is dark) into the colours the globe's shaders need.
+ *
+ * @example
+ * globeColors({ ink: "#ffffff", body: "#050505", rim: "#525252", dark: true });
+ */
+export declare function globeColors({ ink, body, rim, dark }: GlobePalette): GlobeColors;
+//# sourceMappingURL=index.d.ts.map

package/distribution/color/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/color/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAExF;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,YAAY,GAAG,WAAW,CAE/E"}

package/distribution/color/index.js

@@ -0,0 +1,11 @@
+import { hexChannel } from "@sharadox/globe-web-library/hex-channel";
+/**
+ * Turns a palette (hex colours and whether the page is dark) into the colours the globe's shaders need.
+ *
+ * @example
+ * globeColors({ ink: "#ffffff", body: "#050505", rim: "#525252", dark: true });
+ */
+export function globeColors({ ink, body, rim, dark }) {
+    return { ink: hexChannel(ink), inkHex: ink, body: hexChannel(body), rim: hexChannel(rim), additive: dark };
+}
+//# sourceMappingURL=index.js.map

package/distribution/color/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../source/color/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAGrE;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAgB;IAChE,OAAO,EAAE,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAC7G,CAAC"}

package/distribution/color/type.d.ts

@@ -0,0 +1,20 @@
+/** The globe's colours, channels from 0 to 1 (as shaders take them). */
+export interface GlobeColors {
+    /** Land dots, arcs and markers. */
+    ink: [number, number, number];
+    /** The same, as "#rrggbb", for standard three.js materials. */
+    inkHex: string;
+    /** The planet body, and its rim where it turns away. */
+    body: [number, number, number];
+    rim: [number, number, number];
+    /** Light adds up on dark backgrounds; on light ones the ink is drawn normally. */
+    additive: boolean;
+}
+/** Colours as a site writes them: "#rrggbb" values and whether the background is dark. */
+export interface GlobePalette {
+    ink: string;
+    body: string;
+    rim: string;
+    dark: boolean;
+}
+//# sourceMappingURL=type.d.ts.map

package/distribution/color/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../source/color/type.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,MAAM,WAAW,WAAW;IAC1B,mCAAmC;IACnC,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,+DAA+D;IAC/D,MAAM,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,kFAAkF;IAClF,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,0FAA0F;AAC1F,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,OAAO,CAAC;CACf"}

package/distribution/color/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/distribution/color/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../source/color/type.ts"],"names":[],"mappings":""}

package/distribution/dots/index.d.ts

@@ -0,0 +1,4 @@
+import type { DotsProperties } from "@sharadox/globe-web-library/dots/type";
+/** The land, drawn as twinkling points that fade towards the globe's edge. */
+export declare function Dots({ data, colors }: DotsProperties): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/distribution/dots/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/dots/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAE5E,8EAA8E;AAC9E,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,cAAc,+BAwCpD"}

package/distribution/dots/index.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { pseudoRandom } from "@sharadox/web-library/math/pseudo-random";
+import { useFrame, useThree } from "@react-three/fiber";
+import { useMemo, useRef } from "react";
+import { BufferAttribute, BufferGeometry } from "three";
+import { DOT_SHADER } from "@sharadox/globe-web-library/shader/dot";
+import { latitudeLongitudeToVector } from "@sharadox/globe-web-library/latitude-longitude-to-vector";
+/** The land, drawn as twinkling points that fade towards the globe's edge. */
+export function Dots({ data, colors }) {
+    const { gl } = useThree();
+    const material = useRef(null);
+    const geometry = useMemo(() => {
+        const count = data.length / 2;
+        const position = new Float32Array(count * 3);
+        const seed = new Float32Array(count);
+        for (let index = 0; index < count; index++) {
+            const point = latitudeLongitudeToVector(data[index * 2], data[index * 2 + 1], 1.001);
+            position.set([point.x, point.y, point.z], index * 3);
+            seed[index] = pseudoRandom(index);
+        }
+        const points = new BufferGeometry();
+        points.setAttribute("position", new BufferAttribute(position, 3));
+        points.setAttribute("seed", new BufferAttribute(seed, 1));
+        return points;
+    }, [data]);
+    const uniforms = useMemo(() => ({
+        time: { value: 0 },
+        pointSize: { value: 2.6 * Math.min(gl.getPixelRatio(), 2) },
+        color: { value: colors.ink },
+    }), [gl, colors]);
+    useFrame((_, deltaSeconds) => {
+        if (material.current)
+            material.current.uniforms.time.value += deltaSeconds;
+    });
+    return (_jsx("points", { geometry: geometry, children: _jsx("shaderMaterial", { ref: material, vertexShader: DOT_SHADER.vertex, fragmentShader: DOT_SHADER.fragment, uniforms: uniforms, transparent: true, depthWrite: false }) }));
+}
+//# sourceMappingURL=index.js.map

package/distribution/dots/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../source/dots/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,0DAA0D,CAAC;AAGrG,8EAA8E;AAC9E,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAkB;IACnD,MAAM,EAAE,EAAE,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC1B,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9B,MAAM,QAAQ,GAAG,IAAI,YAAY,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAC7C,MAAM,IAAI,GAAG,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;QACrC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC;YAC3C,MAAM,KAAK,GAAG,yBAAyB,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAE,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAE,EAAE,KAAK,CAAC,CAAC;YACvF,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;YACrD,IAAI,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC;QACD,MAAM,MAAM,GAAG,IAAI,cAAc,EAAE,CAAC;QACpC,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;QAClE,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QAC1D,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;QAClB,SAAS,EAAE,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,EAAE;QAC3D,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE;KAC7B,CAAC,EACF,CAAC,EAAE,EAAE,MAAM,CAAC,CACb,CAAC;IACF,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,EAAE;QAC3B,IAAI,QAAQ,CAAC,OAAO;YAAE,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAK,CAAC,KAAK,IAAI,YAAY,CAAC;IAC9E,CAAC,CAAC,CAAC;IACH,OAAO,CACL,iBAAQ,QAAQ,EAAE,QAAQ,YACxB,yBACE,GAAG,EAAE,QAAQ,EACb,YAAY,EAAE,UAAU,CAAC,MAAM,EAC/B,cAAc,EAAE,UAAU,CAAC,QAAQ,EACnC,QAAQ,EAAE,QAAQ,EAClB,WAAW,QACX,UAAU,EAAE,KAAK,GACjB,GACK,CACV,CAAC;AACJ,CAAC"}

package/distribution/dots/type.d.ts

@@ -0,0 +1,7 @@
+import type { GlobeColors } from "@sharadox/globe-web-library/color/type";
+export interface DotsProperties {
+    colors: GlobeColors;
+    /** Float32 [latitude, longitude] pairs. */
+    data: Float32Array;
+}
+//# sourceMappingURL=type.d.ts.map

package/distribution/dots/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../source/dots/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAE1E,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,WAAW,CAAC;IACpB,2CAA2C;IAC3C,IAAI,EAAE,YAAY,CAAC;CACpB"}

package/distribution/dots/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/distribution/dots/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../source/dots/type.ts"],"names":[],"mappings":""}

package/distribution/drag-controller/index.d.ts

@@ -0,0 +1,11 @@
+import type { GlobeDragController, GlobeRotation } from "@sharadox/globe-web-library/drag-controller/type";
+/**
+ * The globe's motion: drag to spin with inertia, a slow auto-rotation that eases back in two seconds after a drag,
+ * and a small tilt towards the pointer.
+ *
+ * @example
+ * const controller = createDragController({ x: 0.4, y: -1 }, true);
+ * controller.step(1 / 60); // { x, y }
+ */
+export declare function createDragController(initial: GlobeRotation, autoRotate: boolean): GlobeDragController;
+//# sourceMappingURL=index.d.ts.map

package/distribution/drag-controller/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/drag-controller/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,kDAAkD,CAAC;AAK3G;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,GAAG,mBAAmB,CAkDrG"}

package/distribution/drag-controller/index.js

@@ -0,0 +1,65 @@
+import { clamp } from "@sharadox/web-library/math/clamp";
+/** How far the globe may tip up and down, in radians. */
+const TIP = [-0.9, 1.1];
+/**
+ * The globe's motion: drag to spin with inertia, a slow auto-rotation that eases back in two seconds after a drag,
+ * and a small tilt towards the pointer.
+ *
+ * @example
+ * const controller = createDragController({ x: 0.4, y: -1 }, true);
+ * controller.step(1 / 60); // { x, y }
+ */
+export function createDragController(initial, autoRotate) {
+    let rotationX = initial.x;
+    let rotationY = initial.y;
+    let velocityX = 0;
+    let velocityY = 0;
+    let dragging = false;
+    let lastX = 0;
+    let lastY = 0;
+    let idleSeconds = 0;
+    let tiltX = 0;
+    let tiltY = 0;
+    return {
+        down(clientX, clientY) {
+            dragging = true;
+            lastX = clientX;
+            lastY = clientY;
+        },
+        move({ clientX, clientY, bounds }) {
+            const width = Math.max(bounds.width, 1);
+            tiltX = ((clientY - bounds.top) / Math.max(bounds.height, 1) - 0.5) * 0.18;
+            tiltY = ((clientX - bounds.left) / width - 0.5) * 0.18;
+            if (!dragging)
+                return;
+            const speed = 2.6 / width;
+            velocityY = (clientX - lastX) * speed;
+            velocityX = (clientY - lastY) * speed;
+            lastX = clientX;
+            lastY = clientY;
+            rotationY += velocityY;
+            rotationX = clamp(rotationX + velocityX, ...TIP);
+            idleSeconds = 0;
+        },
+        up() {
+            dragging = false;
+        },
+        leave() {
+            tiltX = 0;
+            tiltY = 0;
+        },
+        step(deltaSeconds) {
+            if (!dragging) {
+                rotationY += velocityY;
+                rotationX = clamp(rotationX + velocityX, ...TIP);
+                velocityY *= 0.94;
+                velocityX *= 0.9;
+                idleSeconds += deltaSeconds;
+                if (autoRotate)
+                    rotationY += deltaSeconds * 0.06 * Math.min(1, idleSeconds / 2);
+            }
+            return { x: rotationX + tiltX, y: rotationY + tiltY };
+        },
+    };
+}
+//# sourceMappingURL=index.js.map

package/distribution/drag-controller/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../source/drag-controller/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAGzD,yDAAyD;AACzD,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAU,CAAC;AAEjC;;;;;;;GAOG;AACH,MAAM,UAAU,oBAAoB,CAAC,OAAsB,EAAE,UAAmB;IAC9E,IAAI,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC;IAC1B,IAAI,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC;IAC1B,IAAI,SAAS,GAAG,CAAC,CAAC;IAClB,IAAI,SAAS,GAAG,CAAC,CAAC;IAClB,IAAI,QAAQ,GAAG,KAAK,CAAC;IACrB,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,WAAW,GAAG,CAAC,CAAC;IACpB,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,OAAO;QACL,IAAI,CAAC,OAAO,EAAE,OAAO;YACnB,QAAQ,GAAG,IAAI,CAAC;YAChB,KAAK,GAAG,OAAO,CAAC;YAChB,KAAK,GAAG,OAAO,CAAC;QAClB,CAAC;QACD,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE;YAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YACxC,KAAK,GAAG,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC;YAC3E,KAAK,GAAG,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC;YACvD,IAAI,CAAC,QAAQ;gBAAE,OAAO;YACtB,MAAM,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC;YAC1B,SAAS,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC;YACtC,SAAS,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC;YACtC,KAAK,GAAG,OAAO,CAAC;YAChB,KAAK,GAAG,OAAO,CAAC;YAChB,SAAS,IAAI,SAAS,CAAC;YACvB,SAAS,GAAG,KAAK,CAAC,SAAS,GAAG,SAAS,EAAE,GAAG,GAAG,CAAC,CAAC;YACjD,WAAW,GAAG,CAAC,CAAC;QAClB,CAAC;QACD,EAAE;YACA,QAAQ,GAAG,KAAK,CAAC;QACnB,CAAC;QACD,KAAK;YACH,KAAK,GAAG,CAAC,CAAC;YACV,KAAK,GAAG,CAAC,CAAC;QACZ,CAAC;QACD,IAAI,CAAC,YAAY;YACf,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,SAAS,IAAI,SAAS,CAAC;gBACvB,SAAS,GAAG,KAAK,CAAC,SAAS,GAAG,SAAS,EAAE,GAAG,GAAG,CAAC,CAAC;gBACjD,SAAS,IAAI,IAAI,CAAC;gBAClB,SAAS,IAAI,GAAG,CAAC;gBACjB,WAAW,IAAI,YAAY,CAAC;gBAC5B,IAAI,UAAU;oBAAE,SAAS,IAAI,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC;YAClF,CAAC;YACD,OAAO,EAAE,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,CAAC;QACxD,CAAC;KACF,CAAC;AACJ,CAAC"}

package/distribution/drag-controller/type.d.ts

@@ -0,0 +1,26 @@
+/** A rotation in radians. */
+export interface GlobeRotation {
+    x: number;
+    y: number;
+}
+/** A pointer position and the element's box, as the controller needs them. */
+export interface PointerSample {
+    clientX: number;
+    clientY: number;
+    bounds: {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    };
+}
+/** Drag-to-spin state machine: feed it pointer events and step it every frame. */
+export interface GlobeDragController {
+    down: (clientX: number, clientY: number) => void;
+    move: (sample: PointerSample) => void;
+    up: () => void;
+    leave: () => void;
+    /** Advances inertia and auto-rotation by `deltaSeconds`; returns the target rotation. */
+    step: (deltaSeconds: number) => GlobeRotation;
+}
+//# sourceMappingURL=type.d.ts.map

package/distribution/drag-controller/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../source/drag-controller/type.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,MAAM,WAAW,aAAa;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,8EAA8E;AAC9E,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACtE;AAED,kFAAkF;AAClF,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,IAAI,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IACtC,EAAE,EAAE,MAAM,IAAI,CAAC;IACf,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,yFAAyF;IACzF,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,aAAa,CAAC;CAC/C"}

package/distribution/drag-controller/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/distribution/drag-controller/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../source/drag-controller/type.ts"],"names":[],"mappings":""}

package/distribution/globe/index.d.ts

@@ -0,0 +1,12 @@
+import type { GlobeProperties } from "@sharadox/globe-web-library/globe/type";
+/**
+ * An interactive 3D dot globe: land as twinkling dots, arcs with travelling pulses from home to each destination,
+ * markers, a soft halo, drag to spin with inertia and a slow auto-rotation (off with reduced motion). It pauses
+ * when off screen and shows a static sphere without WebGL. Client only: load it with `next/dynamic` and `ssr: false`.
+ *
+ * @example
+ * const Globe = dynamic(() => import("@sharadox/globe-web-library/globe").then((module) => module.Globe), { ssr: false });
+ * <Globe palette={{ ink: "#fff", body: "#050505", rim: "#525252", dark: true }} home={{ latitude: 37.08, longitude: -8.03 }} />
+ */
+export declare function Globe({ palette, home, destinations, landPoints, label, className, }: GlobeProperties): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/distribution/globe/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/globe/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAE9E;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,IAAI,EACJ,YAAiB,EACjB,UAA8B,EAC9B,KAA2B,EAC3B,SAAS,GACV,EAAE,eAAe,+BAmCjB"}

package/distribution/globe/index.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Canvas } from "@react-three/fiber";
+import { useEffect, useMemo, useState } from "react";
+import { classNames } from "@sharadox/web-library/class-name";
+import { radians } from "@sharadox/web-library/math/radians";
+import { globeColors } from "@sharadox/globe-web-library/color";
+import { useGlobeDrag } from "@sharadox/globe-web-library/globe-drag";
+import { useLandPoints } from "@sharadox/globe-web-library/land-points";
+import { supportsWebGl } from "@sharadox/globe-web-library/web-gl-support";
+import { World } from "@sharadox/globe-web-library/world";
+import styles from "./index.module.css";
+/**
+ * An interactive 3D dot globe: land as twinkling dots, arcs with travelling pulses from home to each destination,
+ * markers, a soft halo, drag to spin with inertia and a slow auto-rotation (off with reduced motion). It pauses
+ * when off screen and shows a static sphere without WebGL. Client only: load it with `next/dynamic` and `ssr: false`.
+ *
+ * @example
+ * const Globe = dynamic(() => import("@sharadox/globe-web-library/globe").then((module) => module.Globe), { ssr: false });
+ * <Globe palette={{ ink: "#fff", body: "#050505", rim: "#525252", dark: true }} home={{ latitude: 37.08, longitude: -8.03 }} />
+ */
+export function Globe({ palette, home, destinations = [], landPoints = "/globe/land.bin", label = "Interactive globe", className, }) {
+    const data = useLandPoints(landPoints);
+    const colors = useMemo(() => globeColors(palette), [palette]);
+    const [visible, setVisible] = useState(true);
+    const [webGl] = useState(supportsWebGl);
+    const [reduced] = useState(() => window.matchMedia("(prefers-reduced-motion: reduce)").matches);
+    const [wrapper, drag] = useGlobeDrag({ y: -radians(home.longitude) - 0.5, x: radians(home.latitude) * 0.62 }, !reduced);
+    useEffect(() => {
+        const observer = new IntersectionObserver(([entry]) => setVisible(!!entry?.isIntersecting), {
+            rootMargin: "100px",
+        });
+        observer.observe(wrapper.current);
+        return () => observer.disconnect();
+    }, [wrapper]);
+    return (_jsxs("div", { ref: wrapper, className: classNames(styles.globe, className), children: [_jsx("div", { className: styles.halo, "aria-hidden": true }), webGl && data ? (_jsx(Canvas, { dpr: [1, 2], camera: { position: [0, 0, 3.7], fov: 38 }, gl: { antialias: true, alpha: true, powerPreference: "high-performance" }, frameloop: visible ? "always" : "never", "aria-label": label, children: _jsx(World, { data: data, drag: drag, colors: colors, home: home, destinations: destinations }) })) : (_jsx("div", { className: styles.fallback, "aria-hidden": true }))] }));
+}
+//# sourceMappingURL=index.js.map