@bug-on/md3-react 2.0.1 → 2.0.3

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
+export { useClickOutside } from "./useClickOutside";
 export { useMediaQuery } from "./useMediaQuery";
 export type { RippleOptions } from "./useRipple";
 export { useRipple } from "./useRipple";

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Hook to detect clicks outside of a specified element.
+ *
+ * @param handler - Callback function to execute when a click outside occurs.
+ * @param enabled - Whether the listener is active.
+ * @returns A RefObject to be attached to the target element.
+ */
+export declare function useClickOutside<T extends HTMLElement>(handler: () => void, enabled?: boolean): import("react").RefObject<T | null>;

package/dist/index.css

@@ -0,0 +1,23 @@
+/* @bug-on/md3-react - Base Reset Styles */
+
+/**
+ * Hide default browser UI elements that conflict with MD3 custom UI.
+ * - Hide search clear/decoration buttons in WebKit/Blink (Chrome, Safari, Edge).
+ * - Hide IE/Edge specific clear and reveal (password) buttons.
+ */
+
+/* Hide default search clear button and related decorations */
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-results-button,
+input[type="search"]::-webkit-search-results-decoration {
+	-webkit-appearance: none;
+}
+
+/* Hide IE/Edge clear and reveal (password toggle) buttons */
+input::-ms-clear,
+input::-ms-reveal {
+	display: none;
+	width: 0;
+	height: 0;
+}

package/dist/index.d.ts

@@ -6,6 +6,8 @@ export type { MD3ColorScheme, ThemeMode } from "./lib/theme-utils";
 export { applyTheme, generateM3Theme } from "./lib/theme-utils";
 export { cn } from "./lib/utils";
 export type { MD3ColorStyle, MD3Shape, MD3Size, PolymorphicProps, PolymorphicRef, } from "./types/md3";
+export type { AppBarColors, AppBarColumnProps, AppBarItem, AppBarItemType, AppBarMenuState, AppBarOverflowIndicatorProps, AppBarRowProps, AppBarScrollBehavior, BaseAppBarProps, BottomAppBarProps, DockedToolbarProps, FlexibleAppBarProps, SearchAppBarProps, SearchBarVariant, SearchViewProps, SmallAppBarProps, TitleAlignment, UseAppBarScrollReturn, } from "./ui/app-bar";
+export { APP_BAR_BOTTOM_SPRING, APP_BAR_COLOR_TRANSITION, APP_BAR_COLORS, APP_BAR_ENTER_ALWAYS_SPRING, APP_BAR_TITLE_FADE, AppBarColumn, AppBarOverflowIndicator, AppBarRow, AppBarTokens, appBarTypography, BottomAppBar, DockedToolbar, LargeFlexibleAppBar, MediumFlexibleAppBar, SEARCH_VIEW_SPRING, SearchAppBar, SearchView, SearchViewContainer, SmallAppBar, useAppBarScroll, } from "./ui/app-bar";
 export type { BadgedBoxProps, BadgeProps } from "./ui/badge";
 export { Badge, BadgedBox } from "./ui/badge";
 export type { BaseButtonProps, ButtonProps } from "./ui/button";
@@ -47,6 +49,8 @@ export type { RippleOrigin, RippleProps, UseRippleStateOptions, } from "./ui/rip
 export { Ripple, useRipple, useRippleState } from "./ui/ripple";
 export type { ScrollAreaOrientation, ScrollAreaProps, ScrollAreaType, } from "./ui/scroll-area";
 export { ScrollArea, ScrollAreaScrollbar, } from "./ui/scroll-area";
+export type { SearchProps, SearchStyleType, SearchVariant, } from "./ui/search";
+export { SEARCH_BAR_EXPAND_SPRING, SEARCH_COLORS, SEARCH_DOCKED_REVEAL_SPRING, SEARCH_FULLSCREEN_SPRING, SEARCH_TYPOGRAPHY, Search, SearchBar, SearchTokens, SearchViewDocked, SearchViewFullScreen, useSearchKeyboard, } from "./ui/search";
 export type { RangeSliderProps, SliderOrientation, SliderProps, SliderTrackSize, SliderVariant, } from "./ui/slider";
 export { RangeSlider, Slider, SliderColors, SliderTokens } from "./ui/slider";
 export type { SnackbarData, SnackbarDuration, SnackbarHostProps, SnackbarProps, SnackbarResult, SnackbarVisuals, UseSnackbarStateReturn, } from "./ui/snackbar";