@simoncomputing/mui-bueno-v2 0.23.1 → 0.23.2

package/CHANGELOG.md

@@ -11,6 +11,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Minor increment --> singlular/minor changes. Minimal breaking changes.
 - Patch increment --> singlular/minor changes. Zero breaking changes.
 
+## [0.23.2] - 2026-01-29
+
+### Fixed
+
+- `TextIcon`
+    - New component to easily align icons with text
+
 ## [0.23.1] - 2026-01-23
 
 ### Fixed

package/dist/components/TextIcon/TextIcon.d.ts

@@ -0,0 +1,25 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+export type TextIconProps = {
+    /**
+     * MUI Icon
+     */
+    icon: typeof SvgIcon;
+    /**
+     * Vertical alignment, from the top, of the icon. This will depend on the
+     * specific icon you are using since MUI Icons are SVGs are aren't guaranteed
+     * to be centered the same way.
+     *
+     * @default '3px'
+     */
+    offset?: string;
+} & Omit<SvgIconProps, 'fontSize'>;
+/**
+ * Intended to be used to render an icon next to text.
+ *
+ * MUI icons are SVGs so they always need slight alignment adjustments
+ * when displayed with text. This component is intended to help you align your
+ * icon with text. Keep in mind you will likely need to tweak the `offset`
+ * prop.
+ */
+export declare const TextIcon: ({ icon: Icon, offset, ...rest }: TextIconProps) => import("react/jsx-runtime").JSX.Element;
+export default TextIcon;