@mui/docs 9.0.0-alpha.2 → 9.0.0-alpha.3

package/branding/index.d.mts

@@ -1,2 +0,0 @@
-export * from "./brandingTheme.mjs";
-export * from "./BrandingProvider.mjs";

package/branding/index.mjs

@@ -1,2 +0,0 @@
-export * from "./brandingTheme.mjs";
-export * from "./BrandingProvider.mjs";

package/i18n/i18n.d.mts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-export interface UserLanguageProviderProps {
-  children: React.ReactNode;
-  translations?: Translations;
-  defaultUserLanguage: string;
-}
-export declare function UserLanguageProvider(props: UserLanguageProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace UserLanguageProvider {
-  var propTypes: {
-    children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    defaultUserLanguage: PropTypes.Requireable<string>;
-  };
-}
-export declare function useUserLanguage(): string;
-export declare function useSetUserLanguage(): React.Dispatch<React.SetStateAction<string>>;
-export interface TranslateOptions {
-  ignoreWarning?: boolean;
-}
-export type Translate = (key: string, options?: TranslateOptions) => any;
-export declare function useTranslate(): Translate;
-export type Translations = { [key in string]?: string | Translations };
-export interface RequireContext {
-  (req: string): string;
-  keys: () => string[];
-}
-export declare function mapTranslations(req: RequireContext): Translations;

package/i18n/i18n.mjs

@@ -1,111 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import deepmerge from '@mui/utils/deepmerge';
-import defaultTranslations from "../translations/index.mjs";
-import { jsx as _jsx } from "react/jsx-runtime";
-const TranslationsContext = /*#__PURE__*/React.createContext(defaultTranslations);
-function TranslationsProvider({
-  translations = {},
-  children
-}) {
-  const currentTranslations = React.useContext(TranslationsContext);
-  const mergedTranslations = React.useMemo(() => deepmerge(currentTranslations, translations), [currentTranslations, translations]);
-  return /*#__PURE__*/_jsx(TranslationsContext.Provider, {
-    value: mergedTranslations,
-    children: children
-  });
-}
-function getPath(obj, path) {
-  if (!path || typeof path !== 'string') {
-    return null;
-  }
-  const translation = path.split('.').reduce((acc, item) => acc && typeof acc === 'object' && acc[item] || null, obj);
-  if (typeof translation === 'object') {
-    return null;
-  }
-  return translation;
-}
-const UserLanguageContext = /*#__PURE__*/React.createContext({
-  userLanguage: '',
-  setUserLanguage: () => {}
-});
-if (process.env.NODE_ENV !== 'production') {
-  UserLanguageContext.displayName = 'UserLanguage';
-}
-export function UserLanguageProvider(props) {
-  const {
-    children,
-    translations,
-    defaultUserLanguage
-  } = props;
-  const [userLanguage, setUserLanguage] = React.useState(defaultUserLanguage);
-  const contextValue = React.useMemo(() => {
-    return {
-      userLanguage,
-      setUserLanguage
-    };
-  }, [userLanguage]);
-  return /*#__PURE__*/_jsx(TranslationsProvider, {
-    translations: translations,
-    children: /*#__PURE__*/_jsx(UserLanguageContext.Provider, {
-      value: contextValue,
-      children: children
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? UserLanguageProvider.propTypes = {
-  children: PropTypes.node.isRequired,
-  defaultUserLanguage: PropTypes.string
-} : void 0;
-export function useUserLanguage() {
-  return React.useContext(UserLanguageContext).userLanguage;
-}
-export function useSetUserLanguage() {
-  return React.useContext(UserLanguageContext).setUserLanguage;
-}
-const warnedOnce = {};
-
-// TODO, migrate to use warnOnce() helper
-const warn = (userLanguage, key, ignoreWarning) => {
-  const fullKey = `${userLanguage}:${key}`;
-  // No warnings in CI env
-  if (!ignoreWarning && !warnedOnce[fullKey] && typeof window !== 'undefined') {
-    console.warn(`Missing translation for ${fullKey}`);
-    warnedOnce[fullKey] = true;
-  }
-};
-export function useTranslate() {
-  const userLanguage = useUserLanguage();
-  const translations = React.useContext(TranslationsContext);
-  return React.useMemo(() => function translate(key, options = {}) {
-    const {
-      ignoreWarning = false
-    } = options;
-    const wordings = translations[userLanguage];
-    if (!wordings) {
-      console.error(`Missing language: ${userLanguage}.`);
-      return '…';
-    }
-    const translation = getPath(wordings, key);
-    if (!translation) {
-      if (process.env.NODE_ENV !== 'production') {
-        warn(userLanguage, key, ignoreWarning);
-      }
-      const enTranslation = getPath(translations.en, key);
-      return enTranslation ?? null;
-    }
-    return translation;
-  }, [userLanguage, translations]);
-}
-export function mapTranslations(req) {
-  const result = {};
-  req.keys().forEach(filename => {
-    const match = filename.match(/-([a-z]{2}).json$/);
-    if (match) {
-      result[match[1]] = req(filename);
-    } else {
-      result.en = req(filename);
-    }
-  });
-  return result;
-}

package/i18n/index.d.mts

@@ -1 +0,0 @@
-export * from "./i18n.mjs";

package/i18n/index.mjs

@@ -1 +0,0 @@
-export * from "./i18n.mjs";

package/nextFonts/index.d.mts

@@ -1,6 +0,0 @@
-export declare const inter: import("next/dist/compiled/@next/font").NextFont;
-export declare const roboto: import("next/dist/compiled/@next/font").NextFont;
-export declare const generalSans: import("next/dist/compiled/@next/font").NextFont;
-export declare const ibmPlexSans: import("next/dist/compiled/@next/font").NextFont;
-export declare const fonts: import("next/dist/compiled/@next/font").NextFont[];
-export declare const fontClasses: string;

package/nextFonts/index.mjs

@@ -1,59 +0,0 @@
-import { Inter, Roboto } from 'next/font/google';
-import localFont from 'next/font/local';
-export const inter = Inter({
-  weight: ['300', '400', '500', '600', '700'],
-  subsets: ['latin']
-});
-export const roboto = Roboto({
-  weight: ['300', '400', '500', '700'],
-  style: ['normal', 'italic'],
-  subsets: ['latin']
-});
-export const generalSans = localFont({
-  declarations: [{
-    prop: 'font-family',
-    value: 'General Sans'
-  }],
-  src: [{
-    path: './fonts/GeneralSans-Regular.woff2',
-    weight: '400',
-    style: 'normal'
-  }, {
-    path: './fonts/GeneralSans-Medium.woff2',
-    weight: '500',
-    style: 'normal'
-  }, {
-    path: './fonts/GeneralSans-Semibold.woff2',
-    weight: '600',
-    style: 'normal'
-  }, {
-    path: './fonts/GeneralSans-Bold.woff2',
-    weight: '700',
-    style: 'normal'
-  }]
-});
-export const ibmPlexSans = localFont({
-  declarations: [{
-    prop: 'font-family',
-    value: 'IBM Plex Sans'
-  }],
-  src: [{
-    path: './fonts/IBMPlexSans-Regular.woff2',
-    weight: '400',
-    style: 'normal'
-  }, {
-    path: './fonts/IBMPlexSans-Medium.woff2',
-    weight: '500',
-    style: 'normal'
-  }, {
-    path: './fonts/IBMPlexSans-SemiBold.woff2',
-    weight: '600',
-    style: 'normal'
-  }, {
-    path: './fonts/IBMPlexSans-Bold.woff2',
-    weight: '700',
-    style: 'normal'
-  }]
-});
-export const fonts = [inter, roboto, generalSans, ibmPlexSans];
-export const fontClasses = fonts.map(font => font.className).join(' ');

package/svgIcons/BundleSizeIcon.d.mts

@@ -1,4 +0,0 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export default _default;

package/svgIcons/BundleSizeIcon.mjs

@@ -1,13 +0,0 @@
-import { createSvgIcon } from '@mui/material/utils';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default createSvgIcon(/*#__PURE__*/_jsxs("g", {
-  fill: "currentColor",
-  fillRule: "nonzero",
-  children: [/*#__PURE__*/_jsx("path", {
-    d: "M5.84 3c-.52 0-1 .25-1.3.67l-1.4 2.05c-.06.09-.1.19-.14.28h8V3H5.84zM20.86 5.72l-1.4-2.05c-.3-.42-.81-.67-1.33-.67H13v3h8c-.05-.1-.08-.2-.14-.28z",
-    fillOpacity: ".79"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M20.98 7H3.02L3 7.11V19.4c0 .89.71 1.61 1.58 1.61h14.84A1.6 1.6 0 0021 19.4V7.1L20.98 7zm-6.87 5.36H9.89a1.6 1.6 0 01-1.58-1.61c0-.89.7-1.6 1.58-1.6h4.22c.87 0 1.58.71 1.58 1.6 0 .89-.7 1.6-1.58 1.6z",
-    fillOpacity: ".87"
-  })]
-}), 'BundleSize');

package/svgIcons/FigmaIcon.d.mts

@@ -1,4 +0,0 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export default _default;

package/svgIcons/FigmaIcon.mjs

@@ -1,22 +0,0 @@
-import { createSvgIcon } from '@mui/material/utils';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default createSvgIcon(/*#__PURE__*/_jsxs("g", {
-  fillRule: "nonzero",
-  fill: "none",
-  children: [/*#__PURE__*/_jsx("path", {
-    d: "M8 24a4 4 0 004-4v-4H8a4 4 0 000 8z",
-    fill: "#0ACF83"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M4 12a4 4 0 014-4h4v8H8a4 4 0 01-4-4z",
-    fill: "#A259FF"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M4 4a4 4 0 014-4h4v8H8a4 4 0 01-4-4z",
-    fill: "#F24E1E"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M12 0h4a4 4 0 010 8h-4V0z",
-    fill: "#FF7262"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M20 12a4 4 0 11-8 0 4 4 0 018 0z",
-    fill: "#1ABCFE"
-  })]
-}), 'Figma');

package/svgIcons/FileDownload.d.mts

@@ -1,6 +0,0 @@
-import { SvgIconProps } from '@mui/material/SvgIcon';
-declare function FileDownload(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
-declare namespace FileDownload {
-  var muiName: string;
-}
-export default FileDownload;

package/svgIcons/FileDownload.mjs

@@ -1,13 +0,0 @@
-var _path;
-import SvgIcon from '@mui/material/SvgIcon';
-import { jsx as _jsx } from "react/jsx-runtime";
-function FileDownload(props) {
-  return /*#__PURE__*/_jsx(SvgIcon, {
-    ...props,
-    children: _path || (_path = /*#__PURE__*/_jsx("path", {
-      d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"
-    }))
-  });
-}
-FileDownload.muiName = 'SvgIcon';
-export default FileDownload;

package/svgIcons/JavaScript.d.mts

@@ -1,6 +0,0 @@
-import { SvgIconProps } from '@mui/material/SvgIcon';
-declare function JavaScript(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
-declare namespace JavaScript {
-  var muiName: string;
-}
-export default JavaScript;

package/svgIcons/JavaScript.mjs

@@ -1,13 +0,0 @@
-var _path;
-import SvgIcon from '@mui/material/SvgIcon';
-import { jsx as _jsx } from "react/jsx-runtime";
-function JavaScript(props) {
-  return /*#__PURE__*/_jsx(SvgIcon, {
-    ...props,
-    children: _path || (_path = /*#__PURE__*/_jsx("path", {
-      d: "M3,3H21V21H3V3M7.73,18.04C8.13,18.89 8.92,19.59 10.27,19.59C11.77,19.59 12.8,18.79 12.8,17.04V11.26H11.1V17C11.1,17.86 10.75,18.08 10.2,18.08C9.62,18.08 9.38,17.68 9.11,17.21L7.73,18.04M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86Z"
-    }))
-  });
-}
-JavaScript.muiName = 'SvgIcon';
-export default JavaScript;

package/svgIcons/MarkdownIcon.d.mts

@@ -1,2 +0,0 @@
-import { SvgIconProps } from '@mui/material/SvgIcon';
-export default function MarkdownIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;

package/svgIcons/MarkdownIcon.mjs

@@ -1,22 +0,0 @@
-var _svg;
-import SvgIcon from '@mui/material/SvgIcon';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function MarkdownIcon(props) {
-  return /*#__PURE__*/_jsx(SvgIcon, {
-    ...props,
-    children: _svg || (_svg = /*#__PURE__*/_jsxs("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true",
-      children: [/*#__PURE__*/_jsx("title", {
-        children: "Markdown"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M22.269 19.385H1.731a1.73 1.73 0 0 1-1.73-1.73V6.345a1.73 1.73 0 0 1 1.73-1.73h20.538a1.73 1.73 0 0 1 1.73 1.73v11.308a1.73 1.73 0 0 1-1.73 1.731zm-16.5-3.462v-4.5l2.308 2.885 2.307-2.885v4.5h2.308V8.078h-2.308l-2.307 2.885-2.308-2.885H3.461v7.847zM21.231 12h-2.308V8.077h-2.307V12h-2.308l3.461 4.039z",
-        fill: "currentColor"
-      })]
-    }))
-  });
-}

package/svgIcons/MaterialDesignIcon.d.mts

@@ -1,4 +0,0 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export default _default;

package/svgIcons/MaterialDesignIcon.mjs

@@ -1,18 +0,0 @@
-import { createSvgIcon } from '@mui/material/utils';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default createSvgIcon(/*#__PURE__*/_jsxs("g", {
-  fill: "none",
-  fillRule: "evenodd",
-  children: [/*#__PURE__*/_jsx("circle", {
-    fill: "#737373",
-    cx: "12",
-    cy: "12",
-    r: "12"
-  }), /*#__PURE__*/_jsx("path", {
-    fill: "#BDBDBD",
-    d: "M4 4h16v16H4z"
-  }), /*#__PURE__*/_jsx("path", {
-    fill: "#FFF",
-    d: "M12 20l8-16H4z"
-  })]
-}), 'MaterialDesign');

package/svgIcons/SketchIcon.d.mts

@@ -1,4 +0,0 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export default _default;

package/svgIcons/SketchIcon.mjs

@@ -1,27 +0,0 @@
-import { createSvgIcon } from '@mui/material/utils';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default createSvgIcon(/*#__PURE__*/_jsxs("g", {
-  fillRule: "nonzero",
-  fill: "none",
-  children: [/*#__PURE__*/_jsx("path", {
-    fill: "#FDB300",
-    d: "M5.24 2.7L12 2l6.76.7L24 9.48 12 23 0 9.49z"
-  }), /*#__PURE__*/_jsx("path", {
-    fill: "#EA6C00",
-    d: "M4.85 9l7.13 14L0 9zM19.1 9l-7.12 14L23.95 9z"
-  }), /*#__PURE__*/_jsx("path", {
-    fill: "#FDAD00",
-    d: "M4.85 9H19.1l-7.12 14z"
-  }), /*#__PURE__*/_jsxs("g", {
-    children: [/*#__PURE__*/_jsx("path", {
-      fill: "#FDD231",
-      d: "M11.98 2l-6.75.65-.38 6.34zM11.98 2l6.75.65.37 6.34z"
-    }), /*#__PURE__*/_jsx("path", {
-      fill: "#FDAD00",
-      d: "M23.95 9l-5.22-6.35.37 6.34zM0 9l5.23-6.35-.38 6.34z"
-    }), /*#__PURE__*/_jsx("path", {
-      fill: "#FEEEB7",
-      d: "M11.98 2L4.85 9H19.1z"
-    })]
-  })]
-}), 'Sketch');

package/svgIcons/TypeScript.d.mts

@@ -1,6 +0,0 @@
-import { SvgIconProps } from '@mui/material/SvgIcon';
-declare function TypeScript(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
-declare namespace TypeScript {
-  var muiName: string;
-}
-export default TypeScript;

package/svgIcons/TypeScript.mjs

@@ -1,13 +0,0 @@
-var _path;
-import SvgIcon from '@mui/material/SvgIcon';
-import { jsx as _jsx } from "react/jsx-runtime";
-function TypeScript(props) {
-  return /*#__PURE__*/_jsx(SvgIcon, {
-    ...props,
-    children: _path || (_path = /*#__PURE__*/_jsx("path", {
-      d: "M3,3H21V21H3V3M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86M13,11.25H8V12.75H9.5V20H11.25V12.75H13V11.25Z"
-    }))
-  });
-}
-TypeScript.muiName = 'SvgIcon';
-export default TypeScript;

package/svgIcons/W3CIcon.d.mts

@@ -1,4 +0,0 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
-  muiName: string;
-};
-export default _default;

package/svgIcons/W3CIcon.mjs

@@ -1,15 +0,0 @@
-import { createSvgIcon } from '@mui/material/utils';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default createSvgIcon(/*#__PURE__*/_jsxs("g", {
-  fillRule: "nonzero",
-  fill: "none",
-  children: [/*#__PURE__*/_jsx("path", {
-    d: "M6.92 6.1l2.33 7.99 2.32-8h6.3v.8l-2.37 4.14c.83.27 1.46.76 1.89 1.47.43.71.64 1.55.64 2.51 0 1.2-.31 2.2-.94 3a2.93 2.93 0 01-2.42 1.22 2.9 2.9 0 01-1.96-.72 4.25 4.25 0 01-1.23-1.96l1.31-.55c.2.5.45.9.76 1.18.32.28.69.43 1.12.43.44 0 .82-.26 1.13-.76.31-.51.47-1.12.47-1.84 0-.79-.17-1.4-.5-1.83-.38-.5-.99-.76-1.81-.76h-.64v-.78l2.24-3.92h-2.7l-.16.26-3.3 11.25h-.15l-2.4-8.14-2.41 8.14h-.16L.43 6.1H2.1l2.33 7.99L6 8.71 5.24 6.1h1.68z",
-    fill: "#005A9C"
-  }), /*#__PURE__*/_jsx("g", {
-    fill: "currentColor",
-    children: /*#__PURE__*/_jsx("path", {
-      d: "M23.52 6.25l.28 1.62-.98 1.8s-.38-.76-1.01-1.19c-.53-.35-.87-.43-1.41-.33-.7.14-1.48.93-1.82 1.9-.41 1.18-.42 1.74-.43 2.26a4.9 4.9 0 00.11 1.33s-.6-1.06-.59-2.61c0-1.1.19-2.11.72-3.1.47-.87 1.17-1.4 1.8-1.45.63-.07 1.14.23 1.53.55.42.33.83 1.07.83 1.07l.97-1.85zM23.64 15.4s-.43.75-.7 1.04c-.27.28-.76.79-1.36 1.04-.6.25-.91.3-1.5.25a3.03 3.03 0 01-1.34-.52 5.08 5.08 0 01-1.67-2.04s.24.75.39 1.07c.09.18.36.74.74 1.23a3.5 3.5 0 002.1 1.42c1.04.18 1.76-.27 1.94-.38a5.32 5.32 0 001.4-1.43c.1-.14.25-.43.25-.43l-.25-1.25z"
-    })
-  })]
-}), 'W3C');

package/translations/index.d.mts

@@ -1,3 +0,0 @@
-import type { Translations } from "../i18n/index.mjs";
-declare const _default: Record<string, Translations>;
-export default _default;

package/translations/index.mjs

@@ -1,4 +0,0 @@
-import en from "./translations.json";
-export default {
-  en
-};

package/useLazyCSS/index.d.mts

@@ -1 +0,0 @@
-export { default } from "./useLazyCSS.mjs";

package/useLazyCSS/index.mjs

@@ -1 +0,0 @@
-export { default } from "./useLazyCSS.mjs";

package/useLazyCSS/useLazyCSS.d.mts

@@ -1,11 +0,0 @@
-/**
- * Enhanced lazy CSS loader that wraps CSS in a layer using fetch to avoid CORS issues
- * @param {string} href - URL of the CSS file to load
- * @param {string} before - CSS selector to insert before
- * @param {object} options - Additional options
- * @param {string} options.layer - Optional CSS layer name to wrap the CSS in
- * @returns {() => void} cleanup function
- */
-export default function useLazyCSS(href: string, before: string, options?: {
-  layer?: string;
-}): void;

package/useLazyCSS/useLazyCSS.mjs

@@ -1,70 +0,0 @@
-import * as React from 'react';
-import { loadCSS } from 'fg-loadcss';
-
-/**
- * Enhanced lazy CSS loader that wraps CSS in a layer using fetch to avoid CORS issues
- * @param {string} href - URL of the CSS file to load
- * @param {string} before - CSS selector to insert before
- * @param {object} options - Additional options
- * @param {string} options.layer - Optional CSS layer name to wrap the CSS in
- * @returns {() => void} cleanup function
- */
-export default function useLazyCSS(href, before, options = {}) {
-  React.useEffect(() => {
-    // If no layer is specified, add style and clean it on unmount
-    if (!options.layer) {
-      const link = loadCSS(href, document.querySelector(before));
-      return () => {
-        link.parentElement?.removeChild(link);
-      };
-    }
-
-    // With layer option, we need to fetch the CSS content and wrap it
-    let styleElement = null;
-    const abortController = new AbortController();
-
-    // Fetch the CSS content directly to avoid CORS issues with cssRules
-    fetch(href, {
-      signal: abortController.signal
-    }).then(response => {
-      if (!response.ok) {
-        throw new Error(`Failed to fetch CSS: ${response.statusText}`);
-      }
-      return response.text();
-    }).then(cssText => {
-      // Create a style element with the CSS wrapped in the specified layer
-      styleElement = document.createElement('style');
-      styleElement.setAttribute('data-href', href);
-      styleElement.textContent = `@layer ${options.layer} {\n${cssText}\n}`;
-
-      // Insert at the specified position
-      const beforeElement = document.querySelector(before);
-      if (beforeElement?.parentNode) {
-        beforeElement.parentNode.insertBefore(styleElement, beforeElement);
-      } else {
-        document.head.appendChild(styleElement);
-      }
-    }).catch(error => {
-      // Ignore abort errors, log others
-      if (error !== 'useEffect' && error.name !== 'AbortError') {
-        if (process.env.NODE_ENV !== 'production') {
-          console.error('Error loading CSS with layer:', error);
-        }
-
-        // Fall back to regular link element if fetch fails
-        styleElement = loadCSS(href, document.querySelector(before));
-      }
-    });
-
-    // Cleanup function
-    return () => {
-      // Cancel any pending fetch
-      abortController.abort('useEffect');
-
-      // Remove the style element if it was created
-      if (styleElement && styleElement.parentElement) {
-        styleElement.parentElement.removeChild(styleElement);
-      }
-    };
-  }, [href, before, options.layer]);
-}

package/utils/loadScript.d.mts

@@ -1 +0,0 @@
-export default function loadScript(src: string, position: HTMLElement): HTMLScriptElement;

package/utils/loadScript.mjs

@@ -1,7 +0,0 @@
-export default function loadScript(src, position) {
-  const script = document.createElement('script');
-  script.setAttribute('async', '');
-  script.src = src;
-  position.appendChild(script);
-  return script;
-}