@krak-stack/registry 0.1.11 → 0.1.14

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;

package/dist/components/ui/locale-switcher.js

@@ -575,7 +575,11 @@ function DropdownMenuRadioItem({
 
 // ../../src/components/ui/locale-switcher.tsx
 import { Languages } from "lucide-react";
+import { Option, Schema } from "effect";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var LocaleSchema = Schema.Literals(locales).annotate({
+  identifier: "Locale"
+});
 var messages = {
   en: {
     title: "Switch language",
@@ -623,7 +627,9 @@ var LocaleSwitcher = ({ messages: messages2 }) => {
             /* @__PURE__ */ jsx3(DropdownMenuRadioGroup, {
               "aria-label": labels.title,
               value: locale,
-              onValueChange: (v) => setLocale(v),
+              onValueChange: (value) => Schema.decodeUnknownOption(LocaleSchema)(value).pipe(Option.match({ onNone: () => {
+                return;
+              }, onSome: setLocale })),
               children: locales.map((l) => /* @__PURE__ */ jsx3(DropdownMenuRadioItem, {
                 value: l,
                 children: labels[l]

package/dist/components/ui/sidebar-layout.js

@@ -2,7 +2,7 @@
 import { useAtom } from "@effect/atom-react";
 import { BrowserKeyValueStore } from "@effect/platform-browser";
 import { Link, Outlet, useRouterState } from "@tanstack/react-router";
-import { Schema } from "effect";
+import { Schema as Schema2 } from "effect";
 import { Atom } from "effect/unstable/reactivity";
 
 // ../../src/components/ui/badge.tsx
@@ -264,6 +264,7 @@ function TooltipContent({
 
 // ../../src/components/ui/sidebar.tsx
 import { PanelLeftIcon } from "lucide-react";
+import { Schema } from "effect";
 import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
@@ -292,18 +293,17 @@ function SidebarProvider({
   const [openMobile, setOpenMobile] = React2.useState(false);
   const [_open, _setOpen] = React2.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React2.useCallback((value) => {
-    const openState = typeof value === "function" ? value(open) : value;
+  const setOpen = React2.useCallback((openState) => {
     if (setOpenProp) {
       setOpenProp(openState);
     } else {
       _setOpen(openState);
     }
     document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
-  }, [setOpenProp, open]);
+  }, [setOpenProp]);
   const toggleSidebar = React2.useCallback(() => {
-    return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
-  }, [isMobile, setOpen, setOpenMobile]);
+    return isMobile ? setOpenMobile((open2) => !open2) : setOpen(!open);
+  }, [isMobile, open, setOpen, setOpenMobile]);
   React2.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
@@ -324,15 +324,16 @@ function SidebarProvider({
     setOpenMobile,
     toggleSidebar
   }), [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]);
+  const wrapperStyle = {
+    "--sidebar-width": SIDEBAR_WIDTH,
+    "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+    ...style
+  };
   return /* @__PURE__ */ jsx7(SidebarContext.Provider, {
     value: contextValue,
     children: /* @__PURE__ */ jsx7("div", {
       "data-slot": "sidebar-wrapper",
-      style: {
-        "--sidebar-width": SIDEBAR_WIDTH,
-        "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
-        ...style
-      },
+      style: wrapperStyle,
       className: cn("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", className),
       ...props,
       children
@@ -358,6 +359,9 @@ function Sidebar({
     });
   }
   if (isMobile) {
+    const mobileStyle = {
+      "--sidebar-width": SIDEBAR_WIDTH_MOBILE
+    };
     return /* @__PURE__ */ jsx7(Sheet, {
       open: openMobile,
       onOpenChange: setOpenMobile,
@@ -368,9 +372,7 @@ function Sidebar({
         "data-slot": "sidebar",
         "data-mobile": "true",
         className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
-        style: {
-          "--sidebar-width": SIDEBAR_WIDTH_MOBILE
-        },
+        style: mobileStyle,
         side,
         children: [
           /* @__PURE__ */ jsxs3(SheetHeader, {
@@ -586,11 +588,7 @@ function SidebarMenuButton({
   if (!tooltip) {
     return comp;
   }
-  if (typeof tooltip === "string") {
-    tooltip = {
-      children: tooltip
-    };
-  }
+  const tooltipProps = Schema.is(Schema.String)(tooltip) ? { children: tooltip } : tooltip;
   return /* @__PURE__ */ jsxs3(Tooltip, {
     children: [
       comp,
@@ -598,7 +596,7 @@ function SidebarMenuButton({
         side: "right",
         align: "center",
         hidden: state !== "collapsed" || isMobile,
-        ...tooltip
+        ...tooltipProps
       })
     ]
   });
@@ -610,7 +608,7 @@ var sidebarStorageRuntime = Atom.runtime(BrowserKeyValueStore.layerLocalStorage)
 var sidebarOpenAtom = Atom.kvs({
   runtime: sidebarStorageRuntime,
   key: "sidebar:open",
-  schema: Schema.Boolean,
+  schema: Schema2.Boolean,
   defaultValue: () => true
 });
 var useSidebarLayout = () => {

package/dist/components/ui/theme-switcher.js

@@ -635,7 +635,7 @@ var applyDocumentTheme = ({ theme, systemTheme }) => {
   document.documentElement.classList.add(resolvedTheme);
 };
 var getInitialTheme = (initialTheme) => {
-  if (typeof window === "undefined") {
+  if (!globalThis.window) {
     return initialTheme ?? {
       theme: DEFAULT_THEME,
       systemTheme: DEFAULT_SYSTEM_THEME