@jackbernnie/hiyf 0.3.3 → 0.3.5

package/dist/components/MapEmbed.d.ts

@@ -4,10 +4,12 @@
  * Raw <iframe> map embeds are an off-system escape hatch: every provider URL,
  * viewport shape, loading behavior, and frame treatment would be up for grabs.
  * This wrapper closes it:
- *   - Location is expressed only as decimal latitude/longitude with an
- *     enumerated map view and clamped zoom.
+ *   - Location is expressed only as decimal latitude/longitude with a
+ *     clamped zoom.
  *   - The embed always uses the approved responsive 16:9 frame, rounded
- *     corners, muted loading surface, and Google Maps embed URL.
+ *     corners, muted loading surface, and a keyless OpenStreetMap embed with
+ *     a marker pin — reliable for every coordinate (Google's keyless embed is
+ *     deprecated and renders inconsistently).
  *   - NO `className`/`style` escape hatch. Need a new map affordance? Add it
  *     here so every map stays on-system.
  */
@@ -16,12 +18,10 @@ export interface MapEmbedProps {
     lat: number;
     /** Longitude in decimal degrees. */
     lon: number;
-    /** Zoom level 1-21. Defaults to 14. */
+    /** Zoom level 1-21. Defaults to 14. Controls the size of the map window. */
     zoom?: number;
-    /** 'satellite' (default) or 'map'. */
-    view?: 'map' | 'satellite';
     /** Accessible title for the embed. Defaults to 'Map'. */
     title?: string;
 }
 /** Closed responsive map embed — no className/style. */
-export declare function MapEmbed({ lat, lon, zoom, view, title, }: MapEmbedProps): import("react").JSX.Element | null;
+export declare function MapEmbed({ lat, lon, zoom, title, }: MapEmbedProps): import("react").JSX.Element | null;

package/dist/components/MapEmbed.js

@@ -5,7 +5,6 @@ function MapEmbed({
   lat,
   lon,
   zoom = 14,
-  view = "satellite",
   title = "Map"
 }) {
   if (!Number.isFinite(lat) || !Number.isFinite(lon)) {
@@ -13,7 +12,9 @@ function MapEmbed({
   }
   const zoomValue = Number.isNaN(zoom) ? 14 : zoom;
   const clampedZoom = Math.min(21, Math.max(1, zoomValue));
-  const src = `https://maps.google.com/maps?ll=${lat},${lon}&q=${lat},${lon}&z=${clampedZoom}&t=${view === "map" ? "m" : "k"}&output=embed`;
+  const half = Math.min(20, Math.max(4e-3, 40 / 2 ** clampedZoom));
+  const bbox = `${lon - half},${lat - half},${lon + half},${lat + half}`;
+  const src = `https://www.openstreetmap.org/export/embed.html?bbox=${bbox}&layer=mapnik&marker=${lat},${lon}`;
   return /* @__PURE__ */ jsx("div", { className: "w-full overflow-hidden rounded-lg bg-muted", children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 16 / 9, children: /* @__PURE__ */ jsx(
     "iframe",
     {

package/dist/components/Table.d.ts

@@ -40,6 +40,8 @@ export interface TableColumn<T> {
     filterValue?: string;
     /** Called when a filter option is selected. */
     onFilterChange?: (value: string) => void;
+    /** Optional explanatory text shown in a hover tooltip via an info icon next to the header. */
+    headerInfo?: string;
     /**
      * Optional custom renderer for this column's cell.
      * Receives the full row object and returns a React node.

package/dist/components/Table.js

@@ -2,6 +2,9 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Table as Table$1, TableCaption, TableHeader, TableRow, TableHead, TableBody, TableCell } from './ui/table.js';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from './ui/dropdown-menu.js';
+import { Tooltip } from './Tooltip.js';
+import { HugeiconsIcon } from '@hugeicons/react';
+import { InformationCircleIcon } from '@hugeicons/core-free-icons';
 
 const ALIGN_CLASS = {
   left: "text-left",
@@ -124,12 +127,13 @@ function HeaderContent({
   onSortChange
 }) {
   const hasMenu = column.sortable || column.filterOptions && column.filterOptions.length > 0;
-  if (!hasMenu) {
+  if (!hasMenu && !column.headerInfo) {
     return /* @__PURE__ */ jsx(Fragment, { children: column.header });
   }
   return /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-1 ${HEADER_FLEX_CLASS[column.align ?? "left"]}`, children: [
     /* @__PURE__ */ jsx("span", { children: column.header }),
-    /* @__PURE__ */ jsx(HeaderMenu, { column, sort, onSortChange })
+    column.headerInfo ? /* @__PURE__ */ jsx(Tooltip, { content: column.headerInfo, children: /* @__PURE__ */ jsx("span", { className: "inline-flex cursor-help text-muted-foreground/70 transition-colors hover:text-foreground", children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: InformationCircleIcon, size: 14 }) }) }) : null,
+    hasMenu ? /* @__PURE__ */ jsx(HeaderMenu, { column, sort, onSortChange }) : null
   ] });
 }
 function rowClickIsFromInteractiveElement(event) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackbernnie/hiyf",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "human-in-your-face — an AI design protocol (a locked, LLM-safe design system). Forked from Polar's Orbit (Apache-2.0).",
   "license": "Apache-2.0",
   "type": "module",