@bug-on/m3-expressive 1.3.3 → 1.3.5

package/dist/core.mjs

@@ -3,9 +3,9 @@ import * as React4 from 'react';
 import { createContext, useState, useEffect, useRef, useCallback, useMemo, useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { hexFromArgb, Hct, SchemeExpressive, SchemeNeutral, SchemeMonochrome, SchemeContent, SchemeFidelity, SchemeVibrant, SchemeTonalSpot } from '@material/material-color-utilities';
+import { LazyMotion, domMax, m, useMotionValue, animate, useAnimationFrame, AnimatePresence, useReducedMotion } from 'motion/react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { LazyMotion, domMax, m, useMotionValue, animate, useAnimationFrame, AnimatePresence, useReducedMotion } from 'motion/react';
 import { Slot } from '@radix-ui/react-slot';
 
 var __defProp = Object.defineProperty;
@@ -109,7 +109,8 @@ function useRipple(options = {}) {
   return { rippleRef: ref, onPointerDown };
 }
 function MaterialSymbolsPreconnect({
-  variants = ["outlined"]
+  variants = ["rounded"],
+  display = "block"
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }),
@@ -124,7 +125,7 @@ function MaterialSymbolsPreconnect({
     variants.includes("outlined") && /* @__PURE__ */ jsx(
       "link",
       {
-        href: "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap",
+        href: `https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=${display}`,
         rel: "stylesheet",
         precedence: "default"
       }
@@ -132,7 +133,7 @@ function MaterialSymbolsPreconnect({
     variants.includes("rounded") && /* @__PURE__ */ jsx(
       "link",
       {
-        href: "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap",
+        href: `https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=${display}`,
         rel: "stylesheet",
         precedence: "default"
       }
@@ -140,7 +141,7 @@ function MaterialSymbolsPreconnect({
     variants.includes("sharp") && /* @__PURE__ */ jsx(
       "link",
       {
-        href: "https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap",
+        href: `https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=${display}`,
         rel: "stylesheet",
         precedence: "default"
       }
@@ -301,7 +302,7 @@ var IconComponent = React4.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       name,
-      variant = "outlined",
+      variant = "rounded",
       fill = 0,
       weight = 400,
       grade = 0,
@@ -2970,6 +2971,6 @@ function useThemeMode() {
   return { mode, setMode, effectiveMode };
 }
 
-export { Icon, MD3ThemeProvider, MaterialSymbolsPreconnect, Ripple, applyTheme, cn, generateM3Theme, resolveMode, useRipple as useDOMRipple, useMediaQuery, useRipple2 as useRipple, useRippleState, useTheme, useThemeMode };
+export { Icon, MD3ThemeProvider, MaterialSymbolsPreconnect, Ripple, applyTheme, generateM3Theme, resolveMode, useRipple as useDOMRipple, useMediaQuery, useRipple2 as useRipple, useRippleState, useTheme, useThemeMode };
 //# sourceMappingURL=core.mjs.map
 //# sourceMappingURL=core.mjs.map