@a4ui/core 0.36.0 → 0.37.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export declare const A4UI_VERSION = "0.36.0";
+export declare const A4UI_VERSION = "0.37.0";
 export { cn } from './lib/cn';
 export { useTheme, toggleTheme, setTheme, storedTheme, applyTheme, toggled, type Theme } from './lib/theme';
 export { useEffects, isCalm, setEffects } from './lib/effects';

package/dist/index.js

@@ -10945,10 +10945,15 @@ function Dw(e) {
       label: c
     });
   }, o = () => {
-    typeof navigator > "u" || !navigator.geolocation || navigator.geolocation.getCurrentPosition((c) => s({
-      lat: c.coords.latitude,
-      lng: c.coords.longitude
-    }), (c) => console.error("LocationPicker: geolocation failed", c));
+    typeof navigator > "u" || !navigator.geolocation || navigator.geolocation.getCurrentPosition((c) => {
+      var f;
+      const d = {
+        ...r(),
+        lat: c.coords.latitude,
+        lng: c.coords.longitude
+      };
+      l(d), (f = e.onGeolocate) == null || f.call(e, d);
+    }, (c) => console.error("LocationPicker: geolocation failed", c));
   }, g = () => {
     const {
       lat: c,
@@ -10982,7 +10987,9 @@ function Dw(e) {
           lng: r().lng
         };
       },
-      zoom: Kh,
+      get zoom() {
+        return e.zoom ?? Kh;
+      },
       height: Gh,
       get markers() {
         return g();
@@ -14861,7 +14868,7 @@ function j1() {
     }
   Tx(e && jl(e) || br);
 }
-const D1 = "0.36.0";
+const D1 = "0.37.0";
 export {
   D1 as A4UI_VERSION,
   g$ as Accordion,

package/dist/ui/LocationPicker.d.ts

@@ -18,6 +18,26 @@ export interface LocationPickerProps {
     labelPlaceholder?: string;
     /** Accessible name for the "use my location" button. @default 'Use my location' */
     geolocateLabel?: string;
+    /**
+     * Map zoom. Also acts as a zoom trigger the same way `center` does on
+     * `InteractiveMap` — passing a new value zooms there.
+     *
+     * Exposed because 12 (a whole city) is the wrong scale for confirming a
+     * pin: a consumer that wants to zoom in after a successful geolocation had
+     * no way to do it. @default 12
+     */
+    zoom?: number;
+    /**
+     * Fires ONLY when the "use my location" button succeeds, in addition to
+     * `onChange`.
+     *
+     * `onChange` alone cannot tell a map click from a geolocation, so a
+     * consumer had no way to react to one and not the other. Recentring on a
+     * user already looking at their own city moves the map barely at all and
+     * leaves the pin dead centre, which reads as nothing having happened —
+     * this is the hook for saying otherwise.
+     */
+    onGeolocate?: (v: LocationValue) => void;
     class?: string;
 }
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a4ui/core",
-  "version": "0.36.0",
+  "version": "0.37.0",
   "description": "A4ui — Spatial Glass design system & component library for SolidJS (Kobalte behavior + Tailwind glass tokens + motion).",
   "type": "module",
   "license": "MIT",

package/src/index.ts

@@ -8,7 +8,7 @@
 //   import '@a4ui/core/styles.css'
 //   import { Button, Card, Modal } from '@a4ui/core'
 
-export const A4UI_VERSION = '0.36.0'
+export const A4UI_VERSION = '0.37.0'
 
 // Helpers (src/lib) — generic, framework-level utilities.
 export { cn } from './lib/cn'

package/src/ui/LocationPicker.tsx

@@ -29,10 +29,30 @@ export interface LocationPickerProps {
   labelPlaceholder?: string
   /** Accessible name for the "use my location" button. @default 'Use my location' */
   geolocateLabel?: string
+  /**
+   * Map zoom. Also acts as a zoom trigger the same way `center` does on
+   * `InteractiveMap` — passing a new value zooms there.
+   *
+   * Exposed because 12 (a whole city) is the wrong scale for confirming a
+   * pin: a consumer that wants to zoom in after a successful geolocation had
+   * no way to do it. @default 12
+   */
+  zoom?: number
+  /**
+   * Fires ONLY when the "use my location" button succeeds, in addition to
+   * `onChange`.
+   *
+   * `onChange` alone cannot tell a map click from a geolocation, so a
+   * consumer had no way to react to one and not the other. Recentring on a
+   * user already looking at their own city moves the map barely at all and
+   * leaves the pin dead centre, which reads as nothing having happened —
+   * this is the hook for saying otherwise.
+   */
+  onGeolocate?: (v: LocationValue) => void
   class?: string
 }
 
-const MAP_ZOOM = 12
+const DEFAULT_MAP_ZOOM = 12
 const MAP_HEIGHT = 240
 
 /**
@@ -69,7 +89,15 @@ export function LocationPicker(props: LocationPickerProps): JSX.Element {
   const useMyLocation = (): void => {
     if (typeof navigator === 'undefined' || !navigator.geolocation) return
     navigator.geolocation.getCurrentPosition(
-      (position) => setCoord({ lat: position.coords.latitude, lng: position.coords.longitude }),
+      (position) => {
+        const next: LocationValue = {
+          ...current(),
+          lat: position.coords.latitude,
+          lng: position.coords.longitude,
+        }
+        emit(next)
+        props.onGeolocate?.(next)
+      },
       (error) => console.error('LocationPicker: geolocation failed', error),
     )
   }
@@ -99,7 +127,7 @@ export function LocationPicker(props: LocationPickerProps): JSX.Element {
       </div>
       <InteractiveMap
         center={{ lat: current().lat, lng: current().lng }}
-        zoom={MAP_ZOOM}
+        zoom={props.zoom ?? DEFAULT_MAP_ZOOM}
         height={MAP_HEIGHT}
         markers={pin()}
         onClick={setCoord}