@omnitron-dev/prism 0.3.1 → 0.3.3

package/dist/{chunk-BJE2AKD4.js → chunk-D5J3KW6Q.js}

@@ -1,6 +1,7 @@
 import { createContext, useContext, useMemo, forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
+// src/icons/context.tsx
 var prismIconNames = [
   "add",
   "alignCenter",
@@ -101,5 +102,5 @@ function createPrismIcon(name, Fallback) {
 }
 
 export { PrismIconProvider, createPrismIcon, prismIconNames };
-//# sourceMappingURL=chunk-BJE2AKD4.js.map
-//# sourceMappingURL=chunk-BJE2AKD4.js.map
+//# sourceMappingURL=chunk-D5J3KW6Q.js.map
+//# sourceMappingURL=chunk-D5J3KW6Q.js.map

package/dist/chunk-D5J3KW6Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/context.tsx"],"names":[],"mappings":";;;;AAMO,IAAM,cAAA,GAAiB;AAAA,EAC5B,KAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,eAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;AAAA,EACA,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EACA,eAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,cAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF;AAIA,IAAM,KAAA,GAAsB,MAAA,CAAO,MAAA,CAAO,EAAE,CAAA;AAC5C,IAAM,WAAA,GAAc,cAA4B,KAAK,CAAA;AAK9C,SAAS,iBAAA,CAAkB,EAAE,KAAA,EAAO,QAAA,EAAS,EAAiD;AACnG,EAAA,MAAM,MAAA,GAAS,WAAW,WAAW,CAAA;AACrC,EAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,OAAO,EAAE,GAAG,MAAA,EAAQ,GAAG,KAAA,EAAM,CAAA,EAAI,CAAC,MAAA,EAAQ,KAAK,CAAC,CAAA;AACtE,EAAA,uBAAO,GAAA,CAAC,WAAA,CAAY,QAAA,EAAZ,EAAqB,OAAe,QAAA,EAAS,CAAA;AACvD;AAGO,SAAS,eAAA,CAAgB,MAAqB,QAAA,EAA8B;AACjF,EAAA,MAAM,IAAA,GAAO,UAAA,CAAwC,SAAS,aAAA,CAAc,OAAO,GAAA,EAAK;AACtF,IAAA,MAAM,KAAA,GAAQ,WAAW,WAAW,CAAA;AACpC,IAAA,MAAM,SAAA,GAAY,KAAA,CAAM,IAAI,CAAA,IAAK,QAAA;AACjC,IAAA,2BAAQ,SAAA,EAAA,EAAW,GAAG,KAAA,EAAO,GAAA,EAAU,mBAAiB,IAAA,EAAM,CAAA;AAAA,EAChE,CAAC,CAAA;AACD,EAAA,IAAA,CAAK,WAAA,GAAc,aAAa,IAAI,CAAA,CAAA,CAAA;AACpC,EAAA,OAAO,IAAA;AACT","file":"chunk-D5J3KW6Q.js","sourcesContent":["'use client';\n\nimport { createContext, forwardRef, useContext, useMemo, type ComponentType, type ReactNode } from 'react';\nimport type { SvgIconProps } from '@mui/material/SvgIcon';\n\n/** Semantic slots shared by controls, layouts and scientific tools. */\nexport const prismIconNames = [\n  'add',\n  'alignCenter',\n  'alignJustify',\n  'alignLeft',\n  'alignRight',\n  'arrowDown',\n  'arrowLeft',\n  'arrowRight',\n  'arrowUp',\n  'arrowUpRight',\n  'bold',\n  'bulletList',\n  'calendar',\n  'check',\n  'checkList',\n  'checkbox',\n  'checkboxChecked',\n  'checkboxMixed',\n  'chevronDown',\n  'chevronLeft',\n  'chevronRight',\n  'chevronUp',\n  'clearMarks',\n  'close',\n  'codeBlock',\n  'copy',\n  'download',\n  'drag',\n  'empty',\n  'error',\n  'eye',\n  'eyeOff',\n  'filter',\n  'firstPage',\n  'fitView',\n  'fullscreen',\n  'fullscreenExit',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'hardBreak',\n  'horizontalRule',\n  'image',\n  'info',\n  'inlineCode',\n  'italic',\n  'keyboard',\n  'lastPage',\n  'link',\n  'lock',\n  'menu',\n  'more',\n  'orderedList',\n  'panelCollapse',\n  'panelExpand',\n  'paragraph',\n  'play',\n  'quote',\n  'radio',\n  'radioChecked',\n  'redo',\n  'remove',\n  'search',\n  'share',\n  'star',\n  'starEmpty',\n  'strike',\n  'success',\n  'table',\n  'underline',\n  'undo',\n  'unlink',\n  'unlock',\n  'upload',\n  'warning',\n  'zoomIn',\n  'zoomOut',\n] as const;\nexport type PrismIconName = (typeof prismIconNames)[number];\nexport type PrismIconComponent = ComponentType<SvgIconProps>;\nexport type PrismIconSet = Readonly<Partial<Record<PrismIconName, PrismIconComponent>>>;\nconst empty: PrismIconSet = Object.freeze({});\nconst IconContext = createContext<PrismIconSet>(empty);\n\n/** Application-owned artwork; nested providers override only the supplied slots.\n * React context crosses MUI portals. No DOM rewriting or remote icon requests.\n */\nexport function PrismIconProvider({ icons, children }: { icons: PrismIconSet; children: ReactNode }) {\n  const parent = useContext(IconContext);\n  const value = useMemo(() => ({ ...parent, ...icons }), [parent, icons]);\n  return <IconContext.Provider value={value}>{children}</IconContext.Provider>;\n}\n\n/** Stable component identity preserves focus and forwards the entire MUI SVG contract. */\nexport function createPrismIcon(name: PrismIconName, Fallback: PrismIconComponent) {\n  const Icon = forwardRef<SVGSVGElement, SvgIconProps>(function PrismIconSlot(props, ref) {\n    const icons = useContext(IconContext);\n    const Component = icons[name] ?? Fallback;\n    return <Component {...props} ref={ref} data-prism-icon={name} />;\n  });\n  Icon.displayName = `PrismIcon(${name})`;\n  return Icon;\n}\n"]}

package/dist/chunk-DEPJRTVT.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-DEPJRTVT.js.map
+//# sourceMappingURL=chunk-DEPJRTVT.js.map

package/dist/{chunk-FU52GL2E.js.map → chunk-DEPJRTVT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-FU52GL2E.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-DEPJRTVT.js"}

package/dist/{chunk-472SOF76.js → chunk-DHTYHUYI.js}

@@ -1,6 +1,7 @@
-import { useIsClient } from './chunk-OKTLA23Q.js';
-import { PRESET_NAMES } from './chunk-KQ67XB6T.js';
+import { useIsClient } from './chunk-UEINJFLS.js';
+import { PRESET_NAMES } from './chunk-RSWVYIXK.js';
 import { useLayoutEffect, useEffect, useState, useRef, useCallback, useMemo, useSyncExternalStore } from 'react';
+import { useEventCallback } from '@mui/material/utils';
 
 function useAsync(asyncFn, options = {}) {
   const { initialData = null, immediate = false, onSuccess, onError } = options;
@@ -299,14 +300,14 @@ function useBreakpoint(customBreakpoints) {
   if (width >= breakpoints.sm) return "sm";
   return "xs";
 }
+var orderedBreakpoints = ["xs", "sm", "md", "lg", "xl"];
+var getNextBreakpoint = (bp) => {
+  const index = orderedBreakpoints.indexOf(bp);
+  return index < orderedBreakpoints.length - 1 ? orderedBreakpoints[index + 1] : null;
+};
 function useBreakpointChecks(customBreakpoints) {
   const breakpoints = useMemo(() => ({ ...defaultBreakpoints, ...customBreakpoints }), [customBreakpoints]);
   const { width } = useWindowSize({ breakpoints: customBreakpoints });
-  const orderedBreakpoints = ["xs", "sm", "md", "lg", "xl"];
-  const getNextBreakpoint = (bp) => {
-    const index = orderedBreakpoints.indexOf(bp);
-    return index < orderedBreakpoints.length - 1 ? orderedBreakpoints[index + 1] : null;
-  };
   const isUp = useCallback(
     (breakpoint) => width >= breakpoints[breakpoint],
     [width, breakpoints]
@@ -738,6 +739,24 @@ var DEFAULT_PARAM_NAMES = {
   density: "density",
   contrast: "contrast"
 };
+var configKeys = Object.keys(DEFAULT_PARAM_NAMES);
+var configUrlChanged = "prism:config-url-change";
+var readSearch = () => window.location.search;
+var serverSearch = () => "";
+function subscribeToSearch(onChange) {
+  window.addEventListener("popstate", onChange);
+  window.addEventListener(configUrlChanged, onChange);
+  return () => {
+    window.removeEventListener("popstate", onChange);
+    window.removeEventListener(configUrlChanged, onChange);
+  };
+}
+function replaceUrl(url) {
+  if (url.href !== window.location.href) {
+    window.history.replaceState(window.history.state, "", url);
+    window.dispatchEvent(new Event(configUrlChanged));
+  }
+}
 var VALID_MODES = ["light", "dark", "system"];
 var VALID_DIRECTIONS = ["ltr", "rtl"];
 var VALID_DENSITIES = ["compact", "standard", "comfortable"];
@@ -762,11 +781,15 @@ function isValidHexColor(value) {
   return /^#[0-9A-Fa-f]{6}$/.test(value);
 }
 function useConfigFromQuery(options = {}) {
-  const { paramNames = DEFAULT_PARAM_NAMES, onConfigChange, syncToUrl = false } = options;
-  const params = { ...DEFAULT_PARAM_NAMES, ...paramNames };
+  const { paramNames, onConfigChange, syncToUrl = false, values } = options;
+  const { preset = "preset", mode = "mode", primary = "primary", direction = "dir", density = "density", contrast = "contrast" } = paramNames ?? DEFAULT_PARAM_NAMES;
+  const params = useMemo(
+    () => ({ preset, mode, primary, direction, density, contrast }),
+    [preset, mode, primary, direction, density, contrast]
+  );
+  const search = useSyncExternalStore(subscribeToSearch, readSearch, serverSearch);
   const configFromUrl = useMemo(() => {
-    if (typeof window === "undefined") return {};
-    const searchParams = new URLSearchParams(window.location.search);
+    const searchParams = new URLSearchParams(search);
     const config = {};
     const presetValue = searchParams.get(params.preset);
     if (isValidPreset(presetValue)) {
@@ -793,102 +816,55 @@ function useConfigFromQuery(options = {}) {
       config.contrast = contrastValue;
     }
     return config;
-  }, [params.preset, params.mode, params.primary, params.direction, params.density, params.contrast]);
+  }, [params, search]);
+  const receivedConfig = useRef(false);
+  const notifyConfig = useEventCallback((next) => onConfigChange?.(next));
   useEffect(() => {
-    if (onConfigChange && Object.keys(configFromUrl).length > 0) {
-      onConfigChange(configFromUrl);
-    }
-  }, [configFromUrl, onConfigChange]);
-  const updateUrl = useCallback(
-    (values) => {
-      if (typeof window === "undefined") return;
-      const searchParams = new URLSearchParams(window.location.search);
-      if (values.preset !== void 0) {
-        if (values.preset) {
-          searchParams.set(params.preset, values.preset);
-        } else {
-          searchParams.delete(params.preset);
-        }
-      }
-      if (values.mode !== void 0) {
-        if (values.mode) {
-          searchParams.set(params.mode, values.mode);
-        } else {
-          searchParams.delete(params.mode);
-        }
-      }
-      if (values.primary !== void 0) {
-        if (values.primary) {
-          searchParams.set(params.primary, values.primary);
-        } else {
-          searchParams.delete(params.primary);
-        }
-      }
-      if (values.direction !== void 0) {
-        if (values.direction) {
-          searchParams.set(params.direction, values.direction);
-        } else {
-          searchParams.delete(params.direction);
-        }
-      }
-      if (values.density !== void 0) {
-        if (values.density) {
-          searchParams.set(params.density, values.density);
-        } else {
-          searchParams.delete(params.density);
-        }
-      }
-      if (values.contrast !== void 0) {
-        if (values.contrast) {
-          searchParams.set(params.contrast, values.contrast);
-        } else {
-          searchParams.delete(params.contrast);
-        }
+    const hasValues = Object.keys(configFromUrl).length > 0;
+    if (hasValues || receivedConfig.current) notifyConfig(configFromUrl);
+    receivedConfig.current = hasValues;
+  }, [configFromUrl, notifyConfig]);
+  const applyValues = useCallback((url, next) => {
+    for (const key of configKeys) {
+      const value = next[key];
+      if (value !== void 0) {
+        if (value) url.searchParams.set(params[key], value);
+        else url.searchParams.delete(params[key]);
       }
-      const newUrl = searchParams.toString() ? `${window.location.pathname}?${searchParams.toString()}` : window.location.pathname;
-      window.history.replaceState({}, "", newUrl);
-    },
-    [params]
-  );
+    }
+    return url;
+  }, [params]);
+  const updateUrl = useCallback((next) => {
+    if (typeof window !== "undefined") replaceUrl(applyValues(new URL(window.location.href), next));
+  }, [applyValues]);
   const clearUrl = useCallback(() => {
     if (typeof window === "undefined") return;
-    const searchParams = new URLSearchParams(window.location.search);
-    searchParams.delete(params.preset);
-    searchParams.delete(params.mode);
-    searchParams.delete(params.primary);
-    searchParams.delete(params.direction);
-    searchParams.delete(params.density);
-    searchParams.delete(params.contrast);
-    const newUrl = searchParams.toString() ? `${window.location.pathname}?${searchParams.toString()}` : window.location.pathname;
-    window.history.replaceState({}, "", newUrl);
+    const url = new URL(window.location.href);
+    for (const key of configKeys) url.searchParams.delete(params[key]);
+    replaceUrl(url);
   }, [params]);
-  const generateUrl = useCallback(
-    (values, baseUrl) => {
-      const base = baseUrl ?? (typeof window !== "undefined" ? window.location.origin + window.location.pathname : "");
-      const searchParams = new URLSearchParams();
-      if (values.preset) {
-        searchParams.set(params.preset, values.preset);
-      }
-      if (values.mode) {
-        searchParams.set(params.mode, values.mode);
-      }
-      if (values.primary) {
-        searchParams.set(params.primary, values.primary);
-      }
-      if (values.direction) {
-        searchParams.set(params.direction, values.direction);
-      }
-      if (values.density) {
-        searchParams.set(params.density, values.density);
-      }
-      if (values.contrast) {
-        searchParams.set(params.contrast, values.contrast);
-      }
-      const queryString = searchParams.toString();
-      return queryString ? `${base}?${queryString}` : base;
-    },
-    [params]
-  );
+  const previousValues = useRef(void 0);
+  useEffect(() => {
+    if (!syncToUrl || !values) {
+      previousValues.current = void 0;
+      return;
+    }
+    const signature = JSON.stringify(configKeys.map((key) => values[key]));
+    const previous = previousValues.current;
+    previousValues.current = signature;
+    if (previous === signature) return;
+    if (previous !== void 0 || !configKeys.some((key) => new URLSearchParams(window.location.search).has(params[key]))) {
+      updateUrl(values);
+    }
+  }, [syncToUrl, values, params, updateUrl]);
+  const generateUrl = useCallback((next, baseUrl) => {
+    const origin = typeof window === "undefined" ? "http://localhost" : window.location.origin;
+    const base = baseUrl ?? (typeof window === "undefined" ? "" : origin + window.location.pathname);
+    const url = applyValues(new URL(base || "/", origin), next);
+    if (/^[a-z][a-z\d+.-]*:/i.test(base)) return url.href;
+    if (base.startsWith("//")) return `//${url.host}${url.pathname}${url.search}${url.hash}`;
+    return (base ? base.split(/[?#]/, 1)[0] : "") + url.search + url.hash;
+  }, [applyValues]);
   const hasUrlConfig = Object.keys(configFromUrl).length > 0;
   return {
     configFromUrl,
@@ -972,11 +948,12 @@ function useImageDimensions(src, options = {}) {
 function useMultipleImageDimensions(urls, options = {}) {
   const { crossOrigin, timeout = 1e4, immediate = true } = options;
   const [results, setResults] = useState(/* @__PURE__ */ new Map());
+  const sourcesKey = JSON.stringify([...new Set(urls.filter((url) => Boolean(url)))]);
   useEffect(() => {
     if (!immediate) return void 0;
     const cleanups = [];
-    urls.forEach((url) => {
-      if (!url) return;
+    const sources = JSON.parse(sourcesKey);
+    sources.forEach((url) => {
       setResults((prev) => {
         const next = new Map(prev);
         next.set(url, { dimensions: null, loading: true, error: null });
@@ -1042,7 +1019,7 @@ function useMultipleImageDimensions(urls, options = {}) {
     return () => {
       cleanups.forEach((cleanup) => cleanup());
     };
-  }, [urls.join(","), crossOrigin, timeout, immediate]);
+  }, [sourcesKey, crossOrigin, timeout, immediate]);
   return urls.map((url) => {
     if (!url) {
       return {
@@ -1309,6 +1286,7 @@ function useKeyboardShortcut(shortcut, callback, options = {}) {
     (e) => {
       if (!enabled) return;
       const keyEvent = e;
+      if (keyEvent.defaultPrevented || keyEvent.isComposing) return;
       if (ignoreInputs && isInputElement(keyEvent.target)) {
         return;
       }
@@ -2138,5 +2116,5 @@ function useInfiniteScroll(fetchFn, options = {}) {
 }
 
 export { cookiesAvailable, getCookie, removeCookie, setCookie, useArray, useAsync, useAsyncFn, useBackToTop, useBreakpoint, useBreakpointChecks, useClientRect, useConfigFromQuery, useCookies, useCountdownDate, useCountdownSeconds, useDoubleClick, useEnterKey, useEscapeKey, useFocusTrap, useImageDimensions, useInfiniteScroll, useIntersectionObserver, useIsomorphicLayoutEffect, useKeyboardShortcut, useLazyQuery, useMultipleImageDimensions, useMutation, useOnlineStatus, usePasswordVisibility, usePopoverHover, useResponsiveQuery, useScrollLock, useScrollOffsetTop, useScrollPosition, useScrollToTop, useSessionStorage, useThrottle, useThrottleCallback, useUpdateEffect, useUpdateLayoutEffect, useWindowSize };
-//# sourceMappingURL=chunk-472SOF76.js.map
-//# sourceMappingURL=chunk-472SOF76.js.map
+//# sourceMappingURL=chunk-DHTYHUYI.js.map
+//# sourceMappingURL=chunk-DHTYHUYI.js.map