@bug-on/m3-expressive 1.3.6 → 1.3.7

package/dist/md3-xBl4wgND.d.mts

@@ -0,0 +1,44 @@
+import { ElementType, ComponentPropsWithoutRef, ReactNode, ComponentPropsWithRef } from 'react';
+
+/** MD3 button color variants */
+type MD3ColorStyle = "elevated" | "filled" | "tonal" | "outlined" | "text"
+/** High-chroma tertiary tone — for hero accents, CTAs, expressive moments. */
+ | "tertiary"
+/** Brand-stable primary fixed — same hue across light/dark, for badges/pills. */
+ | "primary-fixed"
+/** Brand-stable tertiary fixed — same hue across light/dark, for special states. */
+ | "tertiary-fixed";
+/** MD3 Expressive button sizes */
+type MD3Size = "xs" | "sm" | "md" | "lg" | "xl";
+/** All MD3 system color token names (`--md-sys-color-*`) */
+type MD3ColorTokenName = "primary" | "on-primary" | "primary-container" | "on-primary-container" | "inverse-primary" | "primary-fixed" | "primary-fixed-dim" | "on-primary-fixed" | "on-primary-fixed-variant" | "secondary" | "on-secondary" | "secondary-container" | "on-secondary-container" | "secondary-fixed" | "secondary-fixed-dim" | "on-secondary-fixed" | "on-secondary-fixed-variant" | "tertiary" | "on-tertiary" | "tertiary-container" | "on-tertiary-container" | "tertiary-fixed" | "tertiary-fixed-dim" | "on-tertiary-fixed" | "on-tertiary-fixed-variant" | "error" | "on-error" | "error-container" | "on-error-container" | "surface" | "on-surface" | "surface-variant" | "on-surface-variant" | "surface-dim" | "surface-bright" | "surface-tint" | "surface-container-lowest" | "surface-container-low" | "surface-container" | "surface-container-high" | "surface-container-highest" | "inverse-surface" | "inverse-on-surface" | "background" | "on-background" | "outline" | "outline-variant" | "scrim" | "shadow" | "indicator-active" | "indicator-container" | "indicator-contained-active" | "indicator-contained-container" | "indicator-track" | "indicator-stop";
+/**
+ * MD3 system color token or any arbitrary CSS color string.
+ * Provides IDE autocompletion for `var(--md-sys-color-*)` design tokens while
+ * allowing custom CSS colors, hex, rgb, or class values without breaking changes.
+ *
+ * @example
+ * color="var(--md-sys-color-surface)"
+ * color="var(--md-sys-color-primary)"
+ * color="#6750a4"
+ */
+type MD3ColorToken = `var(--md-sys-color-${MD3ColorTokenName})` | (string & {});
+/**
+ * MD3 Expressive slot width ratio.
+ * Used for icon buttons where width is independent from the size scale.
+ * - `"narrow"` – compressed width for dense toolbars.
+ * - `"default"` – 1:1 square/round aspect ratio.
+ * - `"wide"` – extended width.
+ */
+type MD3SlotWidth = "narrow" | "default" | "wide";
+/** MD3 shape families */
+type MD3Shape = "round" | "square";
+/** Helper: PolyMorphic component ref */
+type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>["ref"];
+/** Helper: Props cho polymorphic components */
+type PolymorphicProps<C extends ElementType, Props = object> = Props & Omit<ComponentPropsWithoutRef<C>, keyof Props> & {
+    as?: C;
+    children?: ReactNode;
+};
+
+export type { MD3ColorStyle as M, PolymorphicProps as P, MD3ColorToken as a, MD3ColorTokenName as b, MD3Shape as c, MD3Size as d, PolymorphicRef as e, MD3SlotWidth as f };

package/dist/md3-xBl4wgND.d.ts

@@ -0,0 +1,44 @@
+import { ElementType, ComponentPropsWithoutRef, ReactNode, ComponentPropsWithRef } from 'react';
+
+/** MD3 button color variants */
+type MD3ColorStyle = "elevated" | "filled" | "tonal" | "outlined" | "text"
+/** High-chroma tertiary tone — for hero accents, CTAs, expressive moments. */
+ | "tertiary"
+/** Brand-stable primary fixed — same hue across light/dark, for badges/pills. */
+ | "primary-fixed"
+/** Brand-stable tertiary fixed — same hue across light/dark, for special states. */
+ | "tertiary-fixed";
+/** MD3 Expressive button sizes */
+type MD3Size = "xs" | "sm" | "md" | "lg" | "xl";
+/** All MD3 system color token names (`--md-sys-color-*`) */
+type MD3ColorTokenName = "primary" | "on-primary" | "primary-container" | "on-primary-container" | "inverse-primary" | "primary-fixed" | "primary-fixed-dim" | "on-primary-fixed" | "on-primary-fixed-variant" | "secondary" | "on-secondary" | "secondary-container" | "on-secondary-container" | "secondary-fixed" | "secondary-fixed-dim" | "on-secondary-fixed" | "on-secondary-fixed-variant" | "tertiary" | "on-tertiary" | "tertiary-container" | "on-tertiary-container" | "tertiary-fixed" | "tertiary-fixed-dim" | "on-tertiary-fixed" | "on-tertiary-fixed-variant" | "error" | "on-error" | "error-container" | "on-error-container" | "surface" | "on-surface" | "surface-variant" | "on-surface-variant" | "surface-dim" | "surface-bright" | "surface-tint" | "surface-container-lowest" | "surface-container-low" | "surface-container" | "surface-container-high" | "surface-container-highest" | "inverse-surface" | "inverse-on-surface" | "background" | "on-background" | "outline" | "outline-variant" | "scrim" | "shadow" | "indicator-active" | "indicator-container" | "indicator-contained-active" | "indicator-contained-container" | "indicator-track" | "indicator-stop";
+/**
+ * MD3 system color token or any arbitrary CSS color string.
+ * Provides IDE autocompletion for `var(--md-sys-color-*)` design tokens while
+ * allowing custom CSS colors, hex, rgb, or class values without breaking changes.
+ *
+ * @example
+ * color="var(--md-sys-color-surface)"
+ * color="var(--md-sys-color-primary)"
+ * color="#6750a4"
+ */
+type MD3ColorToken = `var(--md-sys-color-${MD3ColorTokenName})` | (string & {});
+/**
+ * MD3 Expressive slot width ratio.
+ * Used for icon buttons where width is independent from the size scale.
+ * - `"narrow"` – compressed width for dense toolbars.
+ * - `"default"` – 1:1 square/round aspect ratio.
+ * - `"wide"` – extended width.
+ */
+type MD3SlotWidth = "narrow" | "default" | "wide";
+/** MD3 shape families */
+type MD3Shape = "round" | "square";
+/** Helper: PolyMorphic component ref */
+type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>["ref"];
+/** Helper: Props cho polymorphic components */
+type PolymorphicProps<C extends ElementType, Props = object> = Props & Omit<ComponentPropsWithoutRef<C>, keyof Props> & {
+    as?: C;
+    children?: ReactNode;
+};
+
+export type { MD3ColorStyle as M, PolymorphicProps as P, MD3ColorToken as a, MD3ColorTokenName as b, MD3Shape as c, MD3Size as d, PolymorphicRef as e, MD3SlotWidth as f };

package/dist/navigation.d.mts

@@ -1,5 +1,5 @@
-import { c as FadingBlurProps } from './fading-blur-mask--uZbBKLj.mjs';
-export { F as FadingBlurDirection, a as FadingBlurMask, b as FadingBlurMaskProps } from './fading-blur-mask--uZbBKLj.mjs';
+import { c as FadingBlurProps } from './fading-blur-mask-CX-bwjNU.mjs';
+export { F as FadingBlurDirection, a as FadingBlurMask, b as FadingBlurMaskProps } from './fading-blur-mask-CX-bwjNU.mjs';
 import * as motion from 'motion';
 import * as React$1 from 'react';
 import { RefObject } from 'react';
@@ -10,8 +10,8 @@ export { e as MenuGroupPosition, g as MenuItemPosition, n as VerticalMenuGroupPr
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 import { Transition, Variants, HTMLMotionProps } from 'motion/react';
 import { M as MD3ShapeName } from './md3-expressive-shapes-wk_98LJh.mjs';
-import { d as MD3SlotWidth } from './md3-BQhRygSi.mjs';
-import { B as BaseIconButtonProps } from './icon-button-CxyJv7UV.mjs';
+import { f as MD3SlotWidth } from './md3-xBl4wgND.mjs';
+import { B as BaseIconButtonProps } from './icon-button-BpX9_fwZ.mjs';
 
 /**
  * @file app-bar.tokens.ts

package/dist/navigation.d.ts

@@ -1,5 +1,5 @@
-import { c as FadingBlurProps } from './fading-blur-mask--uZbBKLj.js';
-export { F as FadingBlurDirection, a as FadingBlurMask, b as FadingBlurMaskProps } from './fading-blur-mask--uZbBKLj.js';
+import { c as FadingBlurProps } from './fading-blur-mask-D57UMguz.js';
+export { F as FadingBlurDirection, a as FadingBlurMask, b as FadingBlurMaskProps } from './fading-blur-mask-D57UMguz.js';
 import * as motion from 'motion';
 import * as React$1 from 'react';
 import { RefObject } from 'react';
@@ -10,8 +10,8 @@ export { e as MenuGroupPosition, g as MenuItemPosition, n as VerticalMenuGroupPr
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 import { Transition, Variants, HTMLMotionProps } from 'motion/react';
 import { M as MD3ShapeName } from './md3-expressive-shapes-wk_98LJh.js';
-import { d as MD3SlotWidth } from './md3-BQhRygSi.js';
-import { B as BaseIconButtonProps } from './icon-button-Di8VX6ou.js';
+import { f as MD3SlotWidth } from './md3-xBl4wgND.js';
+import { B as BaseIconButtonProps } from './icon-button-DFXp9hze.js';
 
 /**
  * @file app-bar.tokens.ts

package/dist/navigation.js

@@ -7833,7 +7833,7 @@ var WIDTH_SIZE_STYLES = {
   },
   sm: {
     default: "w-10",
-    narrow: "w-12",
+    narrow: "w-10",
     wide: "w-[3.25rem]"
   },
   md: {