@bug-on/m3-expressive 1.3.3 → 1.3.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @bug-on/m3-expressive
 
+## 1.3.4
+
+### Patch Changes
+
+- 2190cac: Remove `cn` utility from public exports (`.` and `./core`).
+
+  `cn` is an internal helper for component implementation and is not part of the Material Design 3 Expressive public API. If you need `cn` in your application, please install `clsx` and `tailwind-merge` directly in your project.
+
 ## 1.3.3
 
 ### Patch Changes

package/dist/{core-DyEy8H9Z.d.ts → core-COvZHQ_k.d.ts}

@@ -1,7 +1,6 @@
 import * as React$1 from 'react';
 import { ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ClassValue } from 'clsx';
 import './md3-BQhRygSi.js';
 import { a as Typography, F as FontVariationAxes } from './typography-339RV6v7.js';
 
@@ -212,8 +211,6 @@ interface MaterialSymbolsPreconnectProps {
 }
 declare function MaterialSymbolsPreconnect({ variants, }: MaterialSymbolsPreconnectProps): react_jsx_runtime.JSX.Element;
 
-declare function cn(...inputs: ClassValue[]): string;
-
 /**
  * Props cho component {@link Icon}.
  *
@@ -494,4 +491,4 @@ declare function MD3ThemeProvider({ children, sourceColor: initialSourceColor, d
 declare function useTheme(): ThemeContextValue;
 declare function useThemeMode(): Pick<ThemeContextValue, "mode" | "setMode" | "effectiveMode">;
 
-export { type ContrastLevel as C, type GenerateM3ThemeOptions as G, Icon as I, type MD3ColorScheme as M, Ripple as R, type SchemeVariant as S, type ThemeMode as T, type UseRippleStateOptions as U, type IconProps as a, MD3ThemeProvider as b, type MD3ThemeProviderProps as c, MaterialSymbolsPreconnect as d, type RippleOrigin as e, type RippleProps as f, applyTheme as g, cn as h, generateM3Theme as i, useMediaQuery as j, useRipple as k, useRippleState as l, useTheme as m, useThemeMode as n, resolveMode as r, useRipple$1 as u };
+export { type ContrastLevel as C, type GenerateM3ThemeOptions as G, Icon as I, type MD3ColorScheme as M, Ripple as R, type SchemeVariant as S, type ThemeMode as T, type UseRippleStateOptions as U, type IconProps as a, MD3ThemeProvider as b, type MD3ThemeProviderProps as c, MaterialSymbolsPreconnect as d, type RippleOrigin as e, type RippleProps as f, applyTheme as g, generateM3Theme as h, useMediaQuery as i, useRipple as j, useRippleState as k, useTheme as l, useThemeMode as m, resolveMode as r, useRipple$1 as u };

package/dist/{core-D8FdHY6I.d.mts → core-CRkixy1y.d.mts}

@@ -1,7 +1,6 @@
 import * as React$1 from 'react';
 import { ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ClassValue } from 'clsx';
 import './md3-BQhRygSi.mjs';
 import { a as Typography, F as FontVariationAxes } from './typography-339RV6v7.mjs';
 
@@ -212,8 +211,6 @@ interface MaterialSymbolsPreconnectProps {
 }
 declare function MaterialSymbolsPreconnect({ variants, }: MaterialSymbolsPreconnectProps): react_jsx_runtime.JSX.Element;
 
-declare function cn(...inputs: ClassValue[]): string;
-
 /**
  * Props cho component {@link Icon}.
  *
@@ -494,4 +491,4 @@ declare function MD3ThemeProvider({ children, sourceColor: initialSourceColor, d
 declare function useTheme(): ThemeContextValue;
 declare function useThemeMode(): Pick<ThemeContextValue, "mode" | "setMode" | "effectiveMode">;
 
-export { type ContrastLevel as C, type GenerateM3ThemeOptions as G, Icon as I, type MD3ColorScheme as M, Ripple as R, type SchemeVariant as S, type ThemeMode as T, type UseRippleStateOptions as U, type IconProps as a, MD3ThemeProvider as b, type MD3ThemeProviderProps as c, MaterialSymbolsPreconnect as d, type RippleOrigin as e, type RippleProps as f, applyTheme as g, cn as h, generateM3Theme as i, useMediaQuery as j, useRipple as k, useRippleState as l, useTheme as m, useThemeMode as n, resolveMode as r, useRipple$1 as u };
+export { type ContrastLevel as C, type GenerateM3ThemeOptions as G, Icon as I, type MD3ColorScheme as M, Ripple as R, type SchemeVariant as S, type ThemeMode as T, type UseRippleStateOptions as U, type IconProps as a, MD3ThemeProvider as b, type MD3ThemeProviderProps as c, MaterialSymbolsPreconnect as d, type RippleOrigin as e, type RippleProps as f, applyTheme as g, generateM3Theme as h, useMediaQuery as i, useRipple as j, useRippleState as k, useTheme as l, useThemeMode as m, resolveMode as r, useRipple$1 as u };

package/dist/core.d.mts

@@ -1,6 +1,5 @@
-export { I as Icon, a as IconProps, M as MD3ColorScheme, b as MD3ThemeProvider, c as MD3ThemeProviderProps, d as MaterialSymbolsPreconnect, R as Ripple, e as RippleOrigin, f as RippleProps, T as ThemeMode, U as UseRippleStateOptions, g as applyTheme, h as cn, i as generateM3Theme, r as resolveMode, u as useDOMRipple, j as useMediaQuery, k as useRipple, l as useRippleState, m as useTheme, n as useThemeMode } from './core-D8FdHY6I.mjs';
+export { I as Icon, a as IconProps, M as MD3ColorScheme, b as MD3ThemeProvider, c as MD3ThemeProviderProps, d as MaterialSymbolsPreconnect, R as Ripple, e as RippleOrigin, f as RippleProps, T as ThemeMode, U as UseRippleStateOptions, g as applyTheme, h as generateM3Theme, r as resolveMode, u as useDOMRipple, i as useMediaQuery, j as useRipple, k as useRippleState, l as useTheme, m as useThemeMode } from './core-CRkixy1y.mjs';
 export { M as MD3ColorStyle, a as MD3Shape, b as MD3Size, P as PolymorphicProps, c as PolymorphicRef } from './md3-BQhRygSi.mjs';
 import 'react';
 import 'react/jsx-runtime';
-import 'clsx';
 import './typography-339RV6v7.mjs';

package/dist/core.d.ts

@@ -1,6 +1,5 @@
-export { I as Icon, a as IconProps, M as MD3ColorScheme, b as MD3ThemeProvider, c as MD3ThemeProviderProps, d as MaterialSymbolsPreconnect, R as Ripple, e as RippleOrigin, f as RippleProps, T as ThemeMode, U as UseRippleStateOptions, g as applyTheme, h as cn, i as generateM3Theme, r as resolveMode, u as useDOMRipple, j as useMediaQuery, k as useRipple, l as useRippleState, m as useTheme, n as useThemeMode } from './core-DyEy8H9Z.js';
+export { I as Icon, a as IconProps, M as MD3ColorScheme, b as MD3ThemeProvider, c as MD3ThemeProviderProps, d as MaterialSymbolsPreconnect, R as Ripple, e as RippleOrigin, f as RippleProps, T as ThemeMode, U as UseRippleStateOptions, g as applyTheme, h as generateM3Theme, r as resolveMode, u as useDOMRipple, i as useMediaQuery, j as useRipple, k as useRippleState, l as useTheme, m as useThemeMode } from './core-COvZHQ_k.js';
 export { M as MD3ColorStyle, a as MD3Shape, b as MD3Size, P as PolymorphicProps, c as PolymorphicRef } from './md3-BQhRygSi.js';
 import 'react';
 import 'react/jsx-runtime';
-import 'clsx';
 import './typography-339RV6v7.js';

package/dist/core.js

@@ -4,9 +4,9 @@
 var React4 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var materialColorUtilities = require('@material/material-color-utilities');
+var react = require('motion/react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var react = require('motion/react');
 var reactSlot = require('@radix-ui/react-slot');
 
 function _interopNamespace(e) {
@@ -2996,7 +2996,6 @@ exports.MD3ThemeProvider = MD3ThemeProvider;
 exports.MaterialSymbolsPreconnect = MaterialSymbolsPreconnect;
 exports.Ripple = Ripple;
 exports.applyTheme = applyTheme;
-exports.cn = cn;
 exports.generateM3Theme = generateM3Theme;
 exports.resolveMode = resolveMode;
 exports.useDOMRipple = useRipple;

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;
@@ -2970,6 +2970,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

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { S as SchemeVariant, C as ContrastLevel, M as MD3ColorScheme } from './core-D8FdHY6I.mjs';
-export { G as GenerateM3ThemeOptions, I as Icon, a as IconProps, b as MD3ThemeProvider, c as MD3ThemeProviderProps, d as MaterialSymbolsPreconnect, R as Ripple, e as RippleOrigin, f as RippleProps, T as ThemeMode, U as UseRippleStateOptions, g as applyTheme, h as cn, i as generateM3Theme, r as resolveMode, u as useDOMRipple, j as useMediaQuery, k as useRipple, l as useRippleState, m as useTheme, n as useThemeMode } from './core-D8FdHY6I.mjs';
+import { S as SchemeVariant, C as ContrastLevel, M as MD3ColorScheme } from './core-CRkixy1y.mjs';
+export { G as GenerateM3ThemeOptions, I as Icon, a as IconProps, b as MD3ThemeProvider, c as MD3ThemeProviderProps, d as MaterialSymbolsPreconnect, R as Ripple, e as RippleOrigin, f as RippleProps, T as ThemeMode, U as UseRippleStateOptions, g as applyTheme, h as generateM3Theme, r as resolveMode, u as useDOMRipple, i as useMediaQuery, j as useRipple, k as useRippleState, l as useTheme, m as useThemeMode } from './core-CRkixy1y.mjs';
 export { A as ANGLE_EPSILON, C as CornerFeature, a as CornerRounding, b as Cubic, D as DISTANCE_EPSILON, E as EdgeFeature, F as FLOAT_PI, c as Feature, M as MD3ShapeName, d as MD3Shapes, e as MutableCubic, P as Point, f as PointTransformer, R as RoundedPolygon, U as UNROUNDED, g as addPoints, h as clockwise, i as convex, j as cornerFeature, k as cornerRounding, l as directionVector, m as distance, n as distanceSquared, o as dividePoint, p as dotProduct, q as edgeFeature, r as getDirection, s as getDistance, t as getDistanceSquared, u as interpolate, v as lerpPoint, w as point, x as positiveModulo, y as radialToCartesian, z as rotate90, B as scalePoint, G as square, H as subtractPoints, I as transformFeature, J as transformPoint } from './md3-expressive-shapes-CPcfl_Hf.mjs';
 export { CubicPair, DoubleMapper, MD3CornerRadius, MD3CornerRadiusToken, MeasuredCubic, MeasuredFeature, MeasuredPolygon, Morph, MorphTrigger, ShapeIcon, ShapeIconProps, ShapeMedia, ShapeMediaProps, ShapeMediaServer, ShapeMorphOptions, ShapeRef, ShapeSvg, ShapeSvgProps, UseShapeMorphResult, circle, createDoubleMapper, featureMapper, interpolatePath, pill, pillStar, rectangle, star, toClipPath, toSvgPath, useShapeMorph } from './shapes.mjs';
 export { M as MD3ColorStyle, a as MD3Shape, b as MD3Size, P as PolymorphicProps, c as PolymorphicRef } from './md3-BQhRygSi.mjs';
@@ -16,7 +16,6 @@ export { S as ScrollArea, a as ScrollAreaOrientation, b as ScrollAreaProps, c as
 export { M as MD3_EXPRESSIVE_FONT_VARIATION, T as TextStyle, a as Typography, b as TypographyContext, c as TypographyKeyTokens, d as TypographyProvider, e as TypographyProviderProps, f as TypographyTokens, u as useTypography } from './typography-339RV6v7.mjs';
 import 'react';
 import 'react/jsx-runtime';
-import 'clsx';
 import 'motion';
 import '@radix-ui/react-context-menu';
 import '@radix-ui/react-dropdown-menu';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { S as SchemeVariant, C as ContrastLevel, M as MD3ColorScheme } from './core-DyEy8H9Z.js';
-export { G as GenerateM3ThemeOptions, I as Icon, a as IconProps, b as MD3ThemeProvider, c as MD3ThemeProviderProps, d as MaterialSymbolsPreconnect, R as Ripple, e as RippleOrigin, f as RippleProps, T as ThemeMode, U as UseRippleStateOptions, g as applyTheme, h as cn, i as generateM3Theme, r as resolveMode, u as useDOMRipple, j as useMediaQuery, k as useRipple, l as useRippleState, m as useTheme, n as useThemeMode } from './core-DyEy8H9Z.js';
+import { S as SchemeVariant, C as ContrastLevel, M as MD3ColorScheme } from './core-COvZHQ_k.js';
+export { G as GenerateM3ThemeOptions, I as Icon, a as IconProps, b as MD3ThemeProvider, c as MD3ThemeProviderProps, d as MaterialSymbolsPreconnect, R as Ripple, e as RippleOrigin, f as RippleProps, T as ThemeMode, U as UseRippleStateOptions, g as applyTheme, h as generateM3Theme, r as resolveMode, u as useDOMRipple, i as useMediaQuery, j as useRipple, k as useRippleState, l as useTheme, m as useThemeMode } from './core-COvZHQ_k.js';
 export { A as ANGLE_EPSILON, C as CornerFeature, a as CornerRounding, b as Cubic, D as DISTANCE_EPSILON, E as EdgeFeature, F as FLOAT_PI, c as Feature, M as MD3ShapeName, d as MD3Shapes, e as MutableCubic, P as Point, f as PointTransformer, R as RoundedPolygon, U as UNROUNDED, g as addPoints, h as clockwise, i as convex, j as cornerFeature, k as cornerRounding, l as directionVector, m as distance, n as distanceSquared, o as dividePoint, p as dotProduct, q as edgeFeature, r as getDirection, s as getDistance, t as getDistanceSquared, u as interpolate, v as lerpPoint, w as point, x as positiveModulo, y as radialToCartesian, z as rotate90, B as scalePoint, G as square, H as subtractPoints, I as transformFeature, J as transformPoint } from './md3-expressive-shapes-CPcfl_Hf.js';
 export { CubicPair, DoubleMapper, MD3CornerRadius, MD3CornerRadiusToken, MeasuredCubic, MeasuredFeature, MeasuredPolygon, Morph, MorphTrigger, ShapeIcon, ShapeIconProps, ShapeMedia, ShapeMediaProps, ShapeMediaServer, ShapeMorphOptions, ShapeRef, ShapeSvg, ShapeSvgProps, UseShapeMorphResult, circle, createDoubleMapper, featureMapper, interpolatePath, pill, pillStar, rectangle, star, toClipPath, toSvgPath, useShapeMorph } from './shapes.js';
 export { M as MD3ColorStyle, a as MD3Shape, b as MD3Size, P as PolymorphicProps, c as PolymorphicRef } from './md3-BQhRygSi.js';
@@ -16,7 +16,6 @@ export { S as ScrollArea, a as ScrollAreaOrientation, b as ScrollAreaProps, c as
 export { M as MD3_EXPRESSIVE_FONT_VARIATION, T as TextStyle, a as Typography, b as TypographyContext, c as TypographyKeyTokens, d as TypographyProvider, e as TypographyProviderProps, f as TypographyTokens, u as useTypography } from './typography-339RV6v7.js';
 import 'react';
 import 'react/jsx-runtime';
-import 'clsx';
 import 'motion';
 import '@radix-ui/react-context-menu';
 import '@radix-ui/react-dropdown-menu';

package/dist/index.js

@@ -4,9 +4,9 @@
 var React67 = require('react');
 var materialColorUtilities = require('@material/material-color-utilities');
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('motion/react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var react = require('motion/react');
 var RxContextMenu = require('@radix-ui/react-context-menu');
 var RadixScrollArea = require('@radix-ui/react-scroll-area');
 var m3Tokens = require('@bug-on/m3-tokens');
@@ -319,9 +319,6 @@ function MaterialSymbolsPreconnect({
     )
   ] });
 }
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
 
 // src/shapes/core/features.ts
 function cornerFeature(cubics, convex2) {
@@ -2855,6 +2852,9 @@ function interpolatePath(morph, progress, width, height) {
 function fmt(v) {
   return Number(v.toFixed(4)).toString();
 }
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
 function getMaskGradient(direction) {
   switch (direction) {
     case "bottom":
@@ -27532,7 +27532,6 @@ exports.buildWavePath = buildWavePath;
 exports.cardVariants = cardVariants;
 exports.circle = circle;
 exports.clockwise = clockwise;
-exports.cn = cn;
 exports.convex = convex;
 exports.cornerFeature = cornerFeature;
 exports.cornerRounding = cornerRounding;