@krak-stack/registry 0.1.13 → 0.1.15

package/README.md

@@ -79,3 +79,22 @@ bunx shadcn@latest add @krak-stack/data-table
 ```
 
 Project-specific configuration and scaffolding remain available through shadcn.
+
+## Oxlint Plugin
+
+Projects that prefer centrally versioned rules can load the compiled anti-slop
+plugin directly from the package:
+
+```json
+{
+  "jsPlugins": [
+    {
+      "name": "anti-slop",
+      "specifier": "@krak-stack/registry/oxlint/anti-slop"
+    }
+  ]
+}
+```
+
+Use `@krak-stack/lint-format` instead when the project should receive editable,
+vendored rule source under `tools/oxlint/anti-slop`.

package/dist/components/ui/app-brand.d.ts

@@ -1,26 +1,31 @@
 import { type LinkProps } from "@tanstack/react-router";
 import type { ComponentProps } from "react";
 import type { LucideIcon } from "lucide-react";
-type AppBrandBaseProps = {
+type AppBrandContentProps = {
     label: string;
     subtitle: string;
     className?: string;
     variant?: "default" | "sidebar";
-} & ((Omit<LinkProps, "className" | "children"> & {
-    to?: LinkProps["to"];
-}) | (ComponentProps<"a"> & {
-    href: string;
-    to?: never;
-}) | (ComponentProps<"div"> & {
-    to: null;
-    href?: never;
-}));
-type AppBrandProps = AppBrandBaseProps & ({
+};
+type AppBrandVisualProps = {
     icon: LucideIcon;
     imageSrc?: string;
 } | {
     imageSrc: string;
     icon?: LucideIcon;
-});
-export declare function AppBrand({ className, label, subtitle, icon: Icon, imageSrc, href, to, variant, ...props }: AppBrandProps): import("react").JSX.Element;
+};
+type AppBrandLinkProps = AppBrandContentProps & AppBrandVisualProps & Omit<LinkProps, "children" | "className" | "href" | "to"> & {
+    href?: never;
+    to?: Exclude<LinkProps["to"], null>;
+};
+type AppBrandAnchorProps = AppBrandContentProps & AppBrandVisualProps & Omit<ComponentProps<"a">, "children" | "className"> & {
+    href: string;
+    to?: never;
+};
+type AppBrandStaticProps = AppBrandContentProps & AppBrandVisualProps & Omit<ComponentProps<"div">, "children" | "className"> & {
+    href?: never;
+    to: null;
+};
+type AppBrandProps = AppBrandLinkProps | AppBrandAnchorProps | AppBrandStaticProps;
+export declare function AppBrand(brandProps: AppBrandProps): import("react").JSX.Element;
 export {};

package/dist/components/ui/app-brand.js

@@ -1,17 +1,17 @@
 // ../../src/components/ui/app-brand.tsx
 import { Link } from "@tanstack/react-router";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-function AppBrand({
-  className,
-  label,
-  subtitle,
-  icon: Icon,
-  imageSrc,
-  href,
-  to,
-  variant = "default",
-  ...props
-}) {
+var isStaticBrand = (props) => props.to === null;
+var isAnchorBrand = (props) => props.href !== undefined;
+function AppBrand(brandProps) {
+  const {
+    className,
+    label,
+    subtitle,
+    icon: Icon,
+    imageSrc,
+    variant = "default"
+  } = brandProps;
   const iconClassName = variant === "sidebar" ? "bg-sidebar-primary" : "bg-primary";
   const iconColor = variant === "sidebar" ? "var(--sidebar-primary-foreground)" : "var(--primary-foreground)";
   const contentClassName = variant === "sidebar" ? "group-data-[collapsible=icon]:hidden" : undefined;
@@ -51,21 +51,54 @@ function AppBrand({
     variant === "sidebar" ? "p-2 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0" : "",
     className
   ].filter(Boolean).join(" ");
-  if (to === null) {
+  if (isStaticBrand(brandProps)) {
+    const {
+      className: _className2,
+      label: _label2,
+      subtitle: _subtitle2,
+      icon: _icon2,
+      imageSrc: _imageSrc2,
+      variant: _variant2,
+      to: _to,
+      href: _href2,
+      ...props2
+    } = brandProps;
     return /* @__PURE__ */ jsx("div", {
       className: brandClassName,
-      ...props,
+      ...props2,
       children: content
     });
   }
-  if (href) {
+  if (isAnchorBrand(brandProps)) {
+    const {
+      className: _className2,
+      label: _label2,
+      subtitle: _subtitle2,
+      icon: _icon2,
+      imageSrc: _imageSrc2,
+      variant: _variant2,
+      to: _to,
+      href,
+      ...props2
+    } = brandProps;
     return /* @__PURE__ */ jsx("a", {
       className: brandClassName,
       href,
-      ...props,
+      ...props2,
       children: content
     });
   }
+  const {
+    className: _className,
+    label: _label,
+    subtitle: _subtitle,
+    icon: _icon,
+    imageSrc: _imageSrc,
+    variant: _variant,
+    href: _href,
+    to,
+    ...props
+  } = brandProps;
   return /* @__PURE__ */ jsx(Link, {
     to: to ?? "/",
     className: brandClassName,

package/dist/components/ui/code-block.js

@@ -95,7 +95,7 @@ function CopyButton({
       onCopied?.();
     } catch (error) {
       setCopyState("failed");
-      onCopyError?.(error);
+      onCopyError?.(error instanceof Error ? error : new Error("Copy failed", { cause: error }));
     }
     resetCopyState();
   };
@@ -168,6 +168,14 @@ function CodeBlock({
       active = false;
     };
   }, [code, highlighter, language]);
+  const copyMessages = {};
+  if (messages?.copy !== undefined)
+    copyMessages.copy = messages.copy;
+  if (messages?.copied !== undefined)
+    copyMessages.copied = messages.copied;
+  if (messages?.copyFailed !== undefined) {
+    copyMessages.copyFailed = messages.copyFailed;
+  }
   return /* @__PURE__ */ jsxs2("div", {
     className: "overflow-hidden rounded-md border",
     children: [
@@ -182,11 +190,7 @@ function CodeBlock({
             value: code,
             valueDescription: `${language.toLowerCase()} code`,
             variant: "secondary",
-            messages: {
-              ...messages?.copy === undefined ? {} : { copy: messages.copy },
-              ...messages?.copied === undefined ? {} : { copied: messages.copied },
-              ...messages?.copyFailed === undefined ? {} : { copyFailed: messages.copyFailed }
-            }
+            messages: copyMessages
           })
         ]
       }),

package/dist/components/ui/copy-button.d.ts

@@ -11,7 +11,7 @@ type CopyButtonProps = Omit<ComponentProps<typeof Button>, "children" | "onClick
     copyVariant?: "default" | "sm" | "large";
     messages?: CopyButtonMessages;
     onCopied?: () => void;
-    onCopyError?: (error: unknown) => void;
+    onCopyError?: (error: Error) => void;
     resetDelay?: number;
 };
 export declare function CopyButton({ value, valueDescription, copyVariant, messages, onCopied, onCopyError, resetDelay, disabled, size, "aria-label": ariaLabel, ...props }: CopyButtonProps): import("react").JSX.Element;

package/dist/components/ui/copy-button.js

@@ -95,7 +95,7 @@ function CopyButton({
       onCopied?.();
     } catch (error) {
       setCopyState("failed");
-      onCopyError?.(error);
+      onCopyError?.(error instanceof Error ? error : new Error("Copy failed", { cause: error }));
     }
     resetCopyState();
   };

package/dist/components/ui/data-table.d.ts

@@ -350,7 +350,7 @@ export declare const DataTableRowActions: <TData>({ actions, contentClassName, r
 export declare const getHeaderNames: <TData extends RowData>(headers: DataTableHeader<TData, unknown>[]) => string[];
 export type CsvValue = string | number | boolean | null | undefined;
 export declare const downloadCsv: (headers: CsvValue[], data: CsvValue[][], fileName?: string) => void;
-export declare const downloadJson: (data: unknown, fileName?: string) => void;
+export declare const downloadJson: <Data>(data: Data, fileName?: string) => void;
 export declare function DataTable<TData extends RowData>({ columns, data, state, search: controlledSearch, onSearchChange, searchState, emptyLabel, messages, exportFileName, isLoading: legacyIsLoading, onRefresh, onRowClick, from, routeFrom, grouping, gallery, rowActions: legacyRowActions, reordering, serverPagination, features, }: DataTableProps<TData>): import("react").JSX.Element;
 interface DataTablePaginationProps<TData extends RowData> {
     messages?: DataTableMessageOverrides;

package/dist/components/ui/data-table.js

@@ -1859,6 +1859,7 @@ var DEFAULT_COLUMN_MIN_SIZE = 128;
 var DEFAULT_COLUMN_SIZE = 224;
 var DEFAULT_COLUMN_MAX_SIZE = 640;
 var COLUMN_RESIZE_STEP = 8;
+var dataTableColumnMeta = {};
 var dataTableFeatures = tableFeatures({
   columnFilteringFeature,
   columnResizingFeature,
@@ -1871,7 +1872,7 @@ var dataTableFeatures = tableFeatures({
   filteredRowModel: createFilteredRowModel(),
   paginatedRowModel: createPaginatedRowModel(),
   sortedRowModel: createSortedRowModel(),
-  columnMeta: {}
+  columnMeta: dataTableColumnMeta
 });
 var {
   createAppColumnHelper: createDataTableColumnHelper,
@@ -2007,7 +2008,7 @@ var snapDragOverlayVerticalCenterToCursor = ({
   overlayNodeRect,
   transform
 }) => {
-  if (typeof MouseEvent === "undefined" || !(activatorEvent instanceof MouseEvent) || !activeNodeRect || !overlayNodeRect) {
+  if (!globalThis.window || !(activatorEvent instanceof globalThis.window.MouseEvent) || !activeNodeRect || !overlayNodeRect) {
     return transform;
   }
   return {
@@ -2609,24 +2610,24 @@ var DataTableGalleryCard = ({
   });
 };
 var extractTextFromElement = (element) => {
-  if (typeof element === "string")
+  if (Schema2.is(Schema2.String)(element))
     return element;
-  if (typeof element === "number")
+  if (Schema2.is(Schema2.Number)(element))
     return String(element);
   if (!isValidElement(element)) {
     return null;
   }
   const { props } = element;
-  if (typeof props.title === "string")
+  if (Schema2.is(Schema2.String)(props.title))
     return props.title;
   return extractTextFromElement(props.children);
 };
 var getColumnLabels = (table) => new Map(table.getFlatHeaders().map((header) => [header.column.id, getHeaderName(header)]));
 var getHeaderName = (header) => {
   const columnDef = header.column.columnDef;
-  if (typeof columnDef.header === "function") {
+  if (columnDef.header instanceof Function) {
     const headerContext = columnDef.header(header.getContext());
-    if (typeof headerContext === "string") {
+    if (Schema2.is(Schema2.String)(headerContext)) {
       return headerContext;
     }
     return extractTextFromElement(headerContext) ?? header.id;
@@ -2929,7 +2930,7 @@ function DataTable({
   const showExport = exportFeature !== false;
   const columnVisibilityFeature2 = features?.columnVisibility ?? true;
   const showColumnVisibility = columnVisibilityFeature2 !== false;
-  const defaultColumnVisibility = typeof columnVisibilityFeature2 === "object" ? columnVisibilityFeature2.default : undefined;
+  const defaultColumnVisibility = Schema2.is(Schema2.Struct({ default: ColumnVisibilitySchema }))(columnVisibilityFeature2) ? columnVisibilityFeature2.default : undefined;
   const showGallery = !!galleryConfig;
   const showSorting = features?.sorting ?? true;
   const selectionFeature = features?.selection === false ? undefined : features?.selection;
@@ -2964,10 +2965,10 @@ function DataTable({
   }));
   const tableStorageId = useMemo(() => {
     const columnIds = columns.map((column, index) => {
-      if ("id" in column && typeof column.id === "string") {
+      if ("id" in column && Schema2.is(Schema2.String)(column.id)) {
         return column.id;
       }
-      if ("accessorKey" in column && typeof column.accessorKey === "string") {
+      if ("accessorKey" in column && Schema2.is(Schema2.String)(column.accessorKey)) {
         return column.accessorKey;
       }
       return String(index);
@@ -3029,14 +3030,14 @@ function DataTable({
     data,
     columns,
     onColumnSizingChange: (updater) => {
-      const nextColumnSizing = typeof updater === "function" ? updater(columnSizing) : updater;
+      const nextColumnSizing = updater instanceof Function ? updater(columnSizing) : updater;
       setColumnSizing(nextColumnSizing);
     },
     ...selectionFeature ? { getRowId: selectionFeature.getRowId } : reordering ? { getRowId: reordering.getRowId } : {},
     enableRowSelection: selectionFeature?.isRowSelectable ? (row) => selectionFeature.isRowSelectable?.(row.original) ?? true : selectable,
     enableMultiRowSelection: selectable,
     onPaginationChange: (updater) => {
-      const newPagination = typeof updater === "function" ? updater(pagination) : updater;
+      const newPagination = updater instanceof Function ? updater(pagination) : updater;
       if (pagination.pageIndex === newPagination.pageIndex && pagination.pageSize === newPagination.pageSize) {
         return;
       }
@@ -3047,7 +3048,7 @@ function DataTable({
       }));
     },
     onSortingChange: (updater) => {
-      const newSorting = typeof updater === "function" ? updater([...sorting]) : updater;
+      const newSorting = updater instanceof Function ? updater([...sorting]) : updater;
       if (sorting.length === newSorting.length && sorting.every((sortState, i) => sortState.id === newSorting[i]?.id && sortState.desc === newSorting[i]?.desc)) {
         return;
       }
@@ -3062,7 +3063,7 @@ function DataTable({
       }));
     },
     onGlobalFilterChange: (updater) => {
-      const newGlobalFilter = typeof updater === "function" ? updater(globalFilter) : updater;
+      const newGlobalFilter = updater instanceof Function ? updater(globalFilter) : updater;
       if (globalFilter === newGlobalFilter) {
         return;
       }
@@ -3072,17 +3073,17 @@ function DataTable({
         globalFilter: newGlobalFilter
       }), { replace: true });
     },
-    ...isServerMode ? { manualSorting: true } : {},
-    ...isServerMode ? { manualFiltering: true } : {},
+    manualSorting: isServerMode || undefined,
+    manualFiltering: isServerMode || undefined,
     ...paginationFeature !== false && paginationFeature.mode === "server" ? { manualPagination: true, rowCount: paginationFeature.rowCount } : paginationFeature === false ? { manualPagination: true } : {},
     autoResetPageIndex: false,
     onColumnVisibilityChange: (updater) => {
-      const nextColumnVisibility = typeof updater === "function" ? updater(columnVisibility) : updater;
+      const nextColumnVisibility = updater instanceof Function ? updater(columnVisibility) : updater;
       setColumnVisibility(nextColumnVisibility);
     },
     onRowSelectionChange: (updater) => {
       setRowSelection((current) => {
-        const next = typeof updater === "function" ? updater(current) : updater;
+        const next = updater instanceof Function ? updater(current) : updater;
         selectionFeature?.onSelectionChange?.(data.filter((row) => next[selectionFeature.getRowId(row)]));
         return next;
       });
@@ -3563,7 +3564,7 @@ function DataTableViewOptions({
   table
 }) {
   const columnLabels = getColumnLabels(table);
-  const columns = table.getAllColumns().filter((column) => typeof column.accessorFn !== "undefined" && column.getCanHide());
+  const columns = table.getAllColumns().filter((column) => column.accessorFn !== undefined && column.getCanHide());
   if (columns.length === 0) {
     return null;
   }
@@ -3700,7 +3701,7 @@ function DataTableListSummary({
   visibleCount = 3
 }) {
   const labels2 = dataTableMessages();
-  const normalizedItems = items.map((item) => typeof item === "string" ? { label: item } : item);
+  const normalizedItems = items.map((item) => Schema2.is(Schema2.String)(item) ? { label: item } : item);
   const visibleItems = normalizedItems.slice(0, visibleCount);
   const visibleLabels = visibleItems.map(({ label }) => label).join(", ");
   const remaining = Math.max(totalCount - visibleItems.length, 0);

package/dist/components/ui/effect-form.js

@@ -1,7 +1,7 @@
 // ../../src/components/ui/effect-form.tsx
 import { useAtomSet, useAtomValue } from "@effect/atom-react";
 import { Block } from "@tanstack/react-router";
-import { Cause, Option, Schema } from "effect";
+import { Cause, Option, Schema as Schema2 } from "effect";
 import { AsyncResult } from "effect/unstable/reactivity";
 import { Languages, Loader2, Plus, Trash } from "lucide-react";
 
@@ -175,6 +175,7 @@ import {
   useState
 } from "react";
 import { CloudUpload, FileIcon, FileUp, RefreshCw, Trash2 } from "lucide-react";
+import { Schema } from "effect";
 
 // ../../src/components/ui/attachment.tsx
 import { mergeProps } from "@base-ui/react/merge-props";
@@ -1029,7 +1030,7 @@ var FilePicker = ({
               }),
               canClear ? /* @__PURE__ */ jsx5(AttachmentAction, {
                 type: "button",
-                "aria-label": `${labels.deleteFile} ${typeof title === "string" ? title : ""}`,
+                "aria-label": `${labels.deleteFile} ${Schema.is(Schema.String)(title) ? title : ""}`,
                 onClick: clear,
                 children: /* @__PURE__ */ jsx5(Trash2, {})
               }) : null
@@ -1768,7 +1769,7 @@ var ErrorMessage = ({ text }) => /* @__PURE__ */ jsx14("em", {
 var SubmitError = ({
   result
 }) => {
-  const message = AsyncResult.isFailure(result) ? Schema.isSchemaError(Cause.squash(result.cause)) ? undefined : getCauseErrorMessage(result.cause) : undefined;
+  const message = AsyncResult.isFailure(result) ? Schema2.isSchemaError(Cause.squash(result.cause)) ? undefined : getCauseErrorMessage(result.cause) : undefined;
   return message ? /* @__PURE__ */ jsx14(ErrorMessage, {
     text: message
   }) : null;
@@ -2154,7 +2155,7 @@ var SearchableSelectField = ({
   const { selectedItems, mergedItems } = getSearchableSelectItems(field.value, props.initialItems ?? [], props.items);
   const invalid = Option.isSome(field.error);
   const labels = virtualizedComboboxMessages(props.messages);
-  const ariaLabel = typeof props.label === "string" ? props.label : labels.search;
+  const ariaLabel = Schema2.is(Schema2.String)(props.label) ? props.label : labels.search;
   return /* @__PURE__ */ jsxs6(Field, {
     className: "min-w-0",
     "data-invalid": invalid,
@@ -2194,7 +2195,7 @@ var SingleSearchableSelectField = ({
   const { selectedItems, mergedItems } = getSearchableSelectItems(field.value ? [field.value] : [], props.initialItems ?? [], props.items);
   const invalid = Option.isSome(field.error);
   const labels = virtualizedComboboxMessages(props.messages);
-  const ariaLabel = typeof props.label === "string" ? props.label : labels.search;
+  const ariaLabel = Schema2.is(Schema2.String)(props.label) ? props.label : labels.search;
   return /* @__PURE__ */ jsxs6(Field, {
     className: "min-w-0",
     "data-invalid": invalid,
@@ -2382,7 +2383,7 @@ var RevertButton = ({
   })
 });
 var ImageField = ({ field, props }) => {
-  const imageUrl = typeof field.value === "string" ? field.value : undefined;
+  const imageUrl = Schema2.is(Schema2.String)(field.value) ? field.value : undefined;
   const invalid = Option.isSome(field.error);
   return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": invalid,

package/dist/components/ui/file-picker.js

@@ -6,6 +6,7 @@ import {
   useState
 } from "react";
 import { CloudUpload, FileIcon, FileUp, RefreshCw, Trash2 } from "lucide-react";
+import { Schema } from "effect";
 
 // ../../src/components/ui/attachment.tsx
 import { mergeProps } from "@base-ui/react/merge-props";
@@ -912,7 +913,7 @@ var FilePicker = ({
               }),
               canClear ? /* @__PURE__ */ jsx4(AttachmentAction, {
                 type: "button",
-                "aria-label": `${labels.deleteFile} ${typeof title === "string" ? title : ""}`,
+                "aria-label": `${labels.deleteFile} ${Schema.is(Schema.String)(title) ? title : ""}`,
                 onClick: clear,
                 children: /* @__PURE__ */ jsx4(Trash2, {})
               }) : null

package/dist/components/ui/form.js

@@ -137,6 +137,7 @@ import {
   useStore
 } from "@tanstack/react-form";
 import { Block } from "@tanstack/react-router";
+import { Option, Schema as Schema2 } from "effect";
 import { Loader2, Plus, Trash, Languages } from "lucide-react";
 
 // ../../src/components/ui/alert-dialog.tsx
@@ -332,6 +333,7 @@ import {
   useState
 } from "react";
 import { CloudUpload, FileIcon, FileUp, RefreshCw, Trash2 } from "lucide-react";
+import { Schema } from "effect";
 
 // ../../src/components/ui/attachment.tsx
 import { mergeProps } from "@base-ui/react/merge-props";
@@ -1174,7 +1176,7 @@ var FilePicker = ({
               }),
               canClear ? /* @__PURE__ */ jsx7(AttachmentAction, {
                 type: "button",
-                "aria-label": `${labels.deleteFile} ${typeof title === "string" ? title : ""}`,
+                "aria-label": `${labels.deleteFile} ${Schema.is(Schema.String)(title) ? title : ""}`,
                 onClick: clear,
                 children: /* @__PURE__ */ jsx7(Trash2, {})
               }) : null
@@ -2125,7 +2127,7 @@ var SearchableSelectField = ({
   const field = useFieldContext();
   const labels = virtualizedComboboxMessages(props.messages);
   const invalid = !field.state.meta.isValid;
-  const ariaLabel = typeof label === "string" ? label : labels.search;
+  const ariaLabel = Schema2.is(Schema2.String)(label) ? label : labels.search;
   const controlProps = {
     ...props,
     ariaLabel,
@@ -2205,7 +2207,13 @@ var ImageField = ({
   const labels = formMessages(messages4);
   const field = useFieldContext();
   const invalid = !field.state.meta.isValid;
-  const imageUrl = typeof field.state.value === "string" ? field.state.value : undefined;
+  const imageUrl = Schema2.is(Schema2.String)(field.state.value) ? field.state.value : undefined;
+  const image = {
+    alt: label,
+    height: size.height,
+    width: size.width,
+    src: imageUrl
+  };
   return /* @__PURE__ */ jsxs6(Field, {
     "data-invalid": invalid,
     children: [
@@ -2218,12 +2226,7 @@ var ImageField = ({
         canClear: Boolean(field.state.value),
         ...field.state.value instanceof File ? { file: field.state.value } : {},
         id: field.name,
-        image: {
-          alt: label,
-          height: size.height,
-          ...imageUrl ? { src: imageUrl } : {},
-          width: size.width
-        },
+        image,
         invalid,
         messages: { accepts: labels.accepts, deleteFile: labels.delete },
         name: field.name,
@@ -2303,14 +2306,13 @@ var SubmitButton = ({
     })
   });
 };
+var FormErrorValue = Schema2.Struct({
+  form: Schema2.optional(Schema2.Unknown)
+}).annotate({ identifier: "FormErrorValue" });
 var getFormErrorText = (error) => {
-  if (!error)
+  if (error == null)
     return;
-  if (typeof error === "object" && "form" in error) {
-    const formError = error.form;
-    return formError ? String(formError) : undefined;
-  }
-  return String(error);
+  return Schema2.decodeUnknownOption(FormErrorValue)(error).pipe(Option.flatMap((value) => Option.fromNullishOr(value.form)), Option.map(String), Option.getOrElse(() => String(error)));
 };
 var FormError = () => {
   const form = useFormContext();

package/dist/components/ui/google-map.d.ts

@@ -35,6 +35,7 @@ export type GoogleMapProps = {
     maxZoom?: number | undefined;
     className?: string | undefined;
     messages?: Partial<GoogleMapMessages> | undefined;
+    locale?: string | undefined;
 };
 type GoogleMapOptions = {
     center: GoogleMapPoint;
@@ -73,7 +74,8 @@ type GoogleCircleInstance = {
 type GoogleMapsEventListener = {
     remove: () => void;
 };
-type GoogleMapsApi = {
+type GoogleMapsEventTarget = GoogleMapInstance | GoogleMarkerInstance | GoogleCircleInstance;
+export type GoogleMapsApi = {
     maps: {
         Map: new (element: HTMLElement, options: GoogleMapOptions) => GoogleMapInstance;
         Marker: new (options: {
@@ -88,16 +90,10 @@ type GoogleMapsApi = {
             radius: number;
         }) => GoogleCircleInstance;
         event: {
-            addListener: (instance: object, eventName: string, handler: () => void) => GoogleMapsEventListener;
-            clearInstanceListeners: (instance: object) => void;
+            addListener: (instance: GoogleMapsEventTarget, eventName: string, handler: () => void) => GoogleMapsEventListener;
+            clearInstanceListeners: (instance: GoogleMapsEventTarget) => void;
         };
     };
 };
-declare global {
-    interface Window {
-        google?: GoogleMapsApi | undefined;
-        __krakStackGoogleMapsInit?: (() => void) | undefined;
-    }
-}
-export declare function GoogleMap({ apiKey, center, zoom, marker, radius, interactive, zoomControls, minZoom, maxZoom, className, messages: messageOverrides, }: GoogleMapProps): import("react").JSX.Element;
+export declare function GoogleMap({ apiKey, center, zoom, marker, radius, interactive, zoomControls, minZoom, maxZoom, className, messages: messageOverrides, locale, }: GoogleMapProps): import("react").JSX.Element;
 export {};

package/dist/components/ui/google-map.js

@@ -1,6 +1,7 @@
 // ../../src/components/ui/google-map.tsx
 import { Minus, Plus } from "lucide-react";
 import { useEffect, useEffectEvent, useRef, useState } from "react";
+import { Schema } from "effect";
 
 // ../../src/lib/utils.ts
 import { clsx } from "clsx";
@@ -472,28 +473,30 @@ var defaultMessages = {
     zoomOut: "Zoom arrière"
   }
 };
-var googleMapMessages = (overrides) => ({
-  ...getLocale().startsWith("fr") ? defaultMessages.fr : defaultMessages.en,
+var googleMapMessages = (locale, overrides) => ({
+  ...locale.startsWith("fr") ? defaultMessages.fr : defaultMessages.en,
   ...overrides
 });
 var isGoogleMapsReady = (api) => Boolean(api?.maps.Map && api.maps.Marker && api.maps.Circle && api.maps.event);
 var loadGoogleMaps = (apiKey) => {
-  if (typeof window === "undefined" || typeof document === "undefined") {
+  if (!globalThis.window || !globalThis.document) {
     return Promise.reject(new Error("Google Maps requires a browser."));
   }
-  if (isGoogleMapsReady(window.google))
-    return Promise.resolve(window.google);
+  const browserWindow = window;
+  if (isGoogleMapsReady(browserWindow.google)) {
+    return Promise.resolve(browserWindow.google);
+  }
   if (googleMapsPromise)
     return googleMapsPromise;
   googleMapsPromise = new Promise((resolve, reject) => {
     const resolveApi = () => {
-      if (isGoogleMapsReady(window.google))
-        resolve(window.google);
-      else
+      if (isGoogleMapsReady(browserWindow.google)) {
+        resolve(browserWindow.google);
+      } else
         reject(new Error("Google Maps failed to initialize."));
     };
     const rejectLoad = () => reject(new Error("Google Maps failed to load."));
-    window[googleMapsCallbackName] = resolveApi;
+    browserWindow.__krakStackGoogleMapsInit = resolveApi;
     const existingScript = document.getElementById(googleMapsScriptId);
     if (existingScript) {
       existingScript.addEventListener("error", rejectLoad, { once: true });
@@ -508,7 +511,7 @@ var loadGoogleMaps = (apiKey) => {
     document.head.append(script);
   }).catch((error) => {
     googleMapsPromise = undefined;
-    window[googleMapsCallbackName] = undefined;
+    browserWindow.__krakStackGoogleMapsInit = undefined;
     document.getElementById(googleMapsScriptId)?.remove();
     throw error;
   });
@@ -542,7 +545,8 @@ function GoogleMap({
   minZoom = 3,
   maxZoom = 20,
   className,
-  messages: messageOverrides
+  messages: messageOverrides,
+  locale = getLocale()
 }) {
   const mapElementRef = useRef(null);
   const apiRef = useRef(null);
@@ -556,9 +560,10 @@ function GoogleMap({
   const initialZoom = clampZoom(zoom, normalizedMinZoom, normalizedMaxZoom);
   const [loadState, setLoadState] = useState(normalizedApiKey ? "loading" : "missing-key");
   const [currentZoom, setCurrentZoom] = useState(initialZoom);
-  const labels = googleMapMessages(messageOverrides);
-  const markerEnabled = marker === true || typeof marker === "object";
-  const markerIcon = typeof marker === "object" ? marker.icon : undefined;
+  const labels = googleMapMessages(locale, messageOverrides);
+  const markerOptions = Schema.is(Schema.Struct({ icon: Schema.optional(Schema.String) }))(marker) ? marker : undefined;
+  const markerEnabled = marker === true || markerOptions !== undefined;
+  const markerIcon = markerOptions?.icon;
   const centerLat = center.lat;
   const centerLng = center.lng;
   const radiusMeters = radius?.radiusMeters;