@regardio/react 0.7.6 → 0.7.10

package/dist/background-slideshow/index.d.mts

@@ -9,11 +9,11 @@ type ImageData = {
 interface BackgroundSlideshowProps {
   baseUrl: string;
   className?: string;
+  filter?: (image: ImageData) => boolean;
+  images: ImageData[];
   imgClassName?: string;
   locale: string;
   pictureClassName?: string;
-  images: ImageData[];
-  filter?: (image: ImageData) => boolean;
   slideshow?: boolean;
   slideshowInterval?: number;
   transitionDuration?: number;

package/dist/blurry-gradient/index.d.mts

@@ -2,14 +2,14 @@ import { SVGProps } from "react";
 
 //#region src/blurry-gradient/blurry-gradient.d.ts
 interface BlurryGradientProps extends SVGProps<SVGSVGElement> {
-  primaryColor: string;
-  secondaryColor: string;
-  neutralColor: string;
   /**
   * Accessible description for the gradient (for screen readers)
   * @default 'Decorative blurry gradient'
   */
   description?: string;
+  neutralColor: string;
+  primaryColor: string;
+  secondaryColor: string;
 }
 declare const BlurryGradient: (props: BlurryGradientProps) => React.JSX.Element;
 //#endregion

package/dist/button/index.d.mts

@@ -1,2 +1,2 @@
-import { i as ButtonVariant, n as ButtonProps, r as ButtonSize, t as Button } from "../index-D5qbAnHh.mjs";
-export { Button, ButtonProps, ButtonSize, ButtonVariant };
+import { i as ButtonVariant, n as ButtonProps, r as ButtonSize, t as Button } from "../button-B7uJY8dG.mjs";
+export { Button, type ButtonProps, type ButtonSize, type ButtonVariant };

package/dist/{index-D5qbAnHh.d.mts → button-B7uJY8dG.d.mts}

@@ -19,10 +19,10 @@ declare const buttonSizes: {
 type ButtonVariant = keyof typeof buttonVariants;
 type ButtonSize = keyof typeof buttonSizes;
 interface ButtonProps extends Omit<ComponentProps<typeof Button>, "className"> {
-  variant?: ButtonVariant;
-  size?: ButtonSize;
   className?: string;
+  size?: ButtonSize;
   type?: "button" | "submit" | "reset";
+  variant?: ButtonVariant;
 }
 declare const Button$1: ({
   children,

package/dist/carousel/index.d.mts

@@ -16,17 +16,17 @@ declare const CarouselItem: ({
 type CarouselApi = EmblaCarouselType;
 interface CarouselContextValue {
   api: CarouselApi | undefined;
-  scrollPrev: () => void;
-  scrollNext: () => void;
-  canScrollPrev: boolean;
   canScrollNext: boolean;
+  canScrollPrev: boolean;
+  scrollNext: () => void;
+  scrollPrev: () => void;
 }
 declare function useCarousel(): CarouselContextValue;
 interface CarouselRootProps extends HTMLAttributes<HTMLDivElement> {
   opts?: EmblaOptionsType;
-  setApi?: (api: CarouselApi) => void;
   orientation?: "horizontal" | "vertical";
   ref?: React.Ref<HTMLDivElement>;
+  setApi?: (api: CarouselApi) => void;
 }
 declare const CarouselRoot: ({
   children,

package/dist/carousel/index.mjs

@@ -1,4 +1,4 @@
-import { t as __exportAll } from "../chunk-Bo1DHCg-.mjs";
+import { t as __exportAll } from "../chunk-DQk6qfdC.mjs";
 import { t as Button } from "../button-C2xZwsR7.mjs";
 import { createContext, useCallback, useContext, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-Bo1DHCg-.mjs → chunk-DQk6qfdC.mjs}

@@ -1,6 +1,6 @@
-//#region rolldown:runtime
+//#region \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
-var __exportAll = (all, symbols) => {
+var __exportAll = (all, no_symbols) => {
 	let target = {};
 	for (var name in all) {
 		__defProp(target, name, {
@@ -8,7 +8,7 @@ var __exportAll = (all, symbols) => {
 			enumerable: true
 		});
 	}
-	if (symbols) {
+	if (!no_symbols) {
 		__defProp(target, Symbol.toStringTag, { value: "Module" });
 	}
 	return target;

package/dist/field/index.d.mts

@@ -26,9 +26,9 @@ interface FieldErrorProps extends Omit<ComponentProps<typeof Field$1.Error>, "cl
   className?: string;
 }
 interface FieldItemProps extends ComponentProps<"div"> {
+  children: ReactNode;
   className?: string;
   layout?: FieldItemLayout;
-  children: ReactNode;
 }
 declare const FieldRoot: ({
   className,

package/dist/grid/index.mjs

@@ -1,4 +1,4 @@
-import { t as __exportAll } from "../chunk-Bo1DHCg-.mjs";
+import { t as __exportAll } from "../chunk-DQk6qfdC.mjs";
 import { createContext, useContext } from "react";
 import { tv } from "@regardio/tailwind/utils";
 import { jsx } from "react/jsx-runtime";

package/dist/hooks/use-user.d.mts

@@ -6,14 +6,14 @@ import { User } from "@supabase/supabase-js";
 * Context for storing and accessing the current authenticated user
 */
 interface UserContextType {
-  /**
-  * The current authenticated user, or null if not authenticated
-  */
-  user: User | null;
   /**
   * Whether the user data is currently loading
   */
   isLoading: boolean;
+  /**
+  * The current authenticated user, or null if not authenticated
+  */
+  user: User | null;
 }
 /**
 * Context for storing and accessing the current authenticated user
@@ -24,17 +24,17 @@ declare const UserContext: React.Context<UserContextType>;
 */
 interface UserContextProviderProps {
   /**
-  * The current authenticated user, or null if not authenticated
+  * Child components that will have access to the user context
   */
-  user: User | null;
+  children: ReactNode;
   /**
   * Whether the user data is currently loading
   */
   isLoading?: boolean;
   /**
-  * Child components that will have access to the user context
+  * The current authenticated user, or null if not authenticated
   */
-  children: ReactNode;
+  user: User | null;
 }
 /**
 * Provider component for the UserContext

package/dist/icon-button/index.d.mts

@@ -1,4 +1,5 @@
-import { t as Button } from "../index-D5qbAnHh.mjs";
+import { t as Button } from "../button-B7uJY8dG.mjs";
+import "../button/index.mjs";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/icon-button/icon-button.d.ts
@@ -10,11 +11,11 @@ declare const iconButtonVariants: {
 };
 type IconButtonSize = keyof typeof iconButtonVariants;
 interface IconButtonProps extends Omit<ComponentProps<typeof Button>, "size"> {
+  "aria-label"?: string;
+  children?: never;
   icon: ReactNode;
   size?: IconButtonSize;
   title?: string;
-  "aria-label"?: string;
-  children?: never;
 }
 declare const IconButton: ({
   icon,

package/dist/input/index.d.mts

@@ -1,2 +1,2 @@
-import { i as InputVariant, n as InputProps, r as InputSize, t as Input } from "../index-cdadznqR.mjs";
-export { Input, InputProps, InputSize, InputVariant };
+import { i as InputVariant, n as InputProps, r as InputSize, t as Input } from "../input-DlgggywA.mjs";
+export { Input, type InputProps, type InputSize, type InputVariant };

package/dist/{index-cdadznqR.d.mts → input-DlgggywA.d.mts}

@@ -16,8 +16,8 @@ type InputVariant = keyof typeof inputVariants;
 type InputSize = keyof typeof inputSizes;
 interface InputProps extends Omit<ComponentProps<typeof Input>, "className" | "size"> {
   className?: string;
-  variant?: InputVariant;
   size?: InputSize;
+  variant?: InputVariant;
 }
 declare const Input$1: ({
   className,

package/dist/link/index.d.mts

@@ -9,12 +9,12 @@ type PathResolver = (routeKey: string) => string;
 declare const PathResolverProvider: React.Provider<PathResolver | null>;
 declare function usePathResolver(): PathResolver | null;
 interface LinkBaseProps extends Omit<NavLinkProps, "to"> {
+  routeKey?: string;
   to?: string | Partial<{
     pathname?: string;
     search?: string;
     hash?: string;
   }> | undefined;
-  routeKey?: string;
   viewTransition?: boolean;
 }
 declare const LinkBase: ({
@@ -44,12 +44,12 @@ type LinkArrow = keyof typeof arrowVariants;
 type LinkVariant = keyof typeof linkVariants;
 interface LinkProps extends Omit<NavLinkProps, "to"> {
   arrow?: LinkArrow;
+  routeKey?: string;
   to?: string | Partial<{
     pathname?: string;
     search?: string;
     hash?: string;
   }>;
-  routeKey?: string;
   variant?: LinkVariant;
   viewTransition?: boolean;
 }

package/dist/list/index.d.mts

@@ -24,15 +24,15 @@ declare namespace ListItem {
 //#endregion
 //#region src/list/list-root-context.d.ts
 interface ListRootContextValue {
+  /**
+  * Default className to apply to all list items.
+  */
+  defaultItemClassName?: string;
   /**
   * Default element type for list items.
   * @default 'li'
   */
   defaultItemElement: "li" | "dd" | "dt" | "div" | "span";
-  /**
-  * Default className to apply to all list items.
-  */
-  defaultItemClassName?: string;
 }
 //#endregion
 //#region src/list/list-root.d.ts

package/dist/list/index.mjs

@@ -1,4 +1,4 @@
-import { t as __exportAll } from "../chunk-Bo1DHCg-.mjs";
+import { t as __exportAll } from "../chunk-DQk6qfdC.mjs";
 import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/markdown-container/index.mjs

@@ -59,8 +59,12 @@ const MarkdownContainer = (props) => {
 			options: {
 				disableParsingRawHTML: false,
 				forceWrapper: true,
-				tagfilter: false,
-				...props.markdownOverrides ? { overrides: props.markdownOverrides } : {}
+				overrides: {
+					br: { component: () => /* @__PURE__ */ jsx("br", {}) },
+					hr: { component: () => /* @__PURE__ */ jsx("hr", {}) },
+					...props.markdownOverrides
+				},
+				tagfilter: false
 			},
 			children: processedText
 		})

package/dist/password-input/index.d.mts

@@ -1,4 +1,5 @@
-import { t as Input } from "../index-cdadznqR.mjs";
+import { t as Input } from "../input-DlgggywA.mjs";
+import "../input/index.mjs";
 
 //#region src/password-input/password-input.d.ts
 declare const passwordInputVariants: {
@@ -8,9 +9,9 @@ declare const passwordInputVariants: {
 type PasswordInputVariant = keyof typeof passwordInputVariants;
 interface PasswordInputProps extends Omit<React.ComponentProps<typeof Input>, "type" | "variant"> {
   className?: string;
-  variant?: PasswordInputVariant;
   inputVariant?: "default" | "error" | "success";
   showToggle?: boolean;
+  variant?: PasswordInputVariant;
 }
 declare const PasswordInput: ({
   className,

package/dist/protected-email/index.d.mts

@@ -1,9 +1,9 @@
 //#region src/protected-email/protected-email.d.ts
 interface ProtectedEmailProps {
-  username: string;
+  className?: string;
   domain: string;
   text?: string;
-  className?: string;
+  username: string;
 }
 /**
 * ProtectedEmail component that obfuscates email addresses to protect from scrapers.

package/dist/toggle/index.d.mts

@@ -7,11 +7,11 @@ declare const toggle: ReturnType<typeof tv>;
 type ToggleVariant = keyof typeof toggle.variants.variant;
 type ToggleSize = keyof typeof toggle.variants.size;
 interface ToggleProps extends Omit<ComponentProps<typeof Toggle$1>, "className"> {
+  children?: ReactNode;
   className?: string;
-  variant?: ToggleVariant;
   size?: ToggleSize;
-  children?: ReactNode;
   title?: string;
+  variant?: ToggleVariant;
 }
 declare const Toggle: ({
   className,

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://www.schemastore.org/package.json",
   "name": "@regardio/react",
-  "version": "0.7.6",
+  "version": "0.7.10",
   "private": false,
   "description": "Regardio React UI components",
   "keywords": [
@@ -215,53 +215,53 @@
     "version": "flow-changeset version"
   },
   "dependencies": {
-    "@base-ui/react": "1.1.0",
-    "@maptiler/sdk": "3.10.2",
+    "@base-ui/react": "1.2.0",
+    "@maptiler/sdk": "3.11.1",
     "@mdx-js/react": "3.1.1",
-    "@regardio/js": "0.7.2",
-    "@regardio/tailwind": "0.3.1",
-    "@supabase/supabase-js": "2.93.3",
+    "@regardio/js": "0.7.3",
+    "@regardio/tailwind": "0.3.3",
+    "@supabase/supabase-js": "2.96.0",
     "cmdk": "1.1.1",
     "embla-carousel": "8.6.0",
     "embla-carousel-react": "8.6.0",
     "input-otp": "1.4.2",
     "intl-parse-accept-language": "1.0.0",
     "leaflet": "alpha",
-    "lucide-react": "0.563.0",
-    "markdown-to-jsx": "9.6.1",
+    "lucide-react": "0.574.0",
+    "markdown-to-jsx": "9.7.4",
     "react": "19.2.4",
-    "react-day-picker": "9.13.0",
+    "react-day-picker": "9.13.2",
     "react-dom": "19.2.4",
     "react-hook-form": "7.71.1",
-    "react-resizable-panels": "4.5.4",
+    "react-resizable-panels": "4.6.4",
     "react-router": "7.13.0",
     "tailwind-variants": "3.2.2",
     "vaul": "1.1.2",
     "zod": "4.3.6"
   },
   "devDependencies": {
-    "@regardio/dev": "1.13.2",
-    "@storybook/addon-a11y": "10.2.1",
-    "@storybook/addon-docs": "10.2.1",
-    "@storybook/addon-vitest": "10.2.1",
-    "@storybook/react-vite": "10.2.1",
+    "@regardio/dev": "1.13.5",
+    "@storybook/addon-a11y": "10.2.10",
+    "@storybook/addon-docs": "10.2.10",
+    "@storybook/addon-vitest": "10.2.10",
+    "@storybook/react-vite": "10.2.10",
     "@tailwindcss/vite": "4.1.18",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
     "@total-typescript/ts-reset": "0.6.1",
     "@types/leaflet": "1.9.21",
-    "@types/node": "25.1.0",
-    "@types/react": "19.2.10",
+    "@types/node": "25.2.3",
+    "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "@vitejs/plugin-react": "5.1.2",
+    "@vitejs/plugin-react": "5.1.4",
     "@vitest/browser-playwright": "4.0.18",
     "@vitest/coverage-v8": "4.0.18",
     "@vitest/ui": "4.0.18",
-    "jsdom": "27.4.0",
-    "playwright": "1.58.0",
-    "storybook": "10.2.1",
+    "jsdom": "28.1.0",
+    "playwright": "1.58.2",
+    "storybook": "10.2.10",
     "tailwindcss": "4.1.18",
-    "tsdown": "0.20.1",
+    "tsdown": "0.20.3",
     "typescript": "5.9.3",
     "vite": "7.3.1",
     "vitest": "4.0.18"

package/src/background-slideshow/background-slideshow.tsx

@@ -14,11 +14,11 @@ export type ImageData = {
 export interface BackgroundSlideshowProps {
   baseUrl: string; // URL template with {id} and {format} placeholders
   className?: string; // CSS class for the container
+  filter?: (image: ImageData) => boolean; // Optional filter function
+  images: ImageData[]; // Array of images
   imgClassName?: string; // CSS class for the image
   locale: string; // Locale for the alt text
   pictureClassName?: string; // CSS class for the picture component
-  images: ImageData[]; // Array of images
-  filter?: (image: ImageData) => boolean; // Optional filter function
   slideshow?: boolean; // Whether to enable the slideshow
   slideshowInterval?: number; // Time in ms between transitions
   transitionDuration?: number; // Time in ms for the fade transition

package/src/blurry-gradient/blurry-gradient.tsx

@@ -1,14 +1,14 @@
 import type { SVGProps } from 'react';
 
 export interface BlurryGradientProps extends SVGProps<SVGSVGElement> {
-  primaryColor: string;
-  secondaryColor: string;
-  neutralColor: string;
   /**
    * Accessible description for the gradient (for screen readers)
    * @default 'Decorative blurry gradient'
    */
   description?: string;
+  neutralColor: string;
+  primaryColor: string;
+  secondaryColor: string;
 }
 
 export const BlurryGradient = (props: BlurryGradientProps): React.JSX.Element => {

package/src/button/button.tsx

@@ -90,10 +90,10 @@ export type ButtonVariant = keyof typeof buttonVariants;
 export type ButtonSize = keyof typeof buttonSizes;
 
 export interface ButtonProps extends Omit<ComponentProps<typeof BaseUIButton>, 'className'> {
-  variant?: ButtonVariant;
-  size?: ButtonSize;
   className?: string;
+  size?: ButtonSize;
   type?: 'button' | 'submit' | 'reset';
+  variant?: ButtonVariant;
 }
 
 export const Button = ({

package/src/carousel/carousel-root.tsx

@@ -16,10 +16,10 @@ export type CarouselApi = EmblaCarouselType;
 
 interface CarouselContextValue {
   api: CarouselApi | undefined;
-  scrollPrev: () => void;
-  scrollNext: () => void;
-  canScrollPrev: boolean;
   canScrollNext: boolean;
+  canScrollPrev: boolean;
+  scrollNext: () => void;
+  scrollPrev: () => void;
 }
 
 const CarouselContext = createContext<CarouselContextValue | null>(null);
@@ -34,9 +34,9 @@ export function useCarousel(): CarouselContextValue {
 
 export interface CarouselRootProps extends HTMLAttributes<HTMLDivElement> {
   opts?: EmblaOptionsType;
-  setApi?: (api: CarouselApi) => void;
   orientation?: 'horizontal' | 'vertical';
   ref?: React.Ref<HTMLDivElement>;
+  setApi?: (api: CarouselApi) => void;
 }
 
 export const CarouselRoot = function CarouselRoot({

package/src/field/field.tsx

@@ -88,9 +88,9 @@ export interface FieldErrorProps
 }
 
 export interface FieldItemProps extends ComponentProps<'div'> {
+  children: ReactNode;
   className?: string;
   layout?: FieldItemLayout;
-  children: ReactNode;
 }
 
 export const FieldRoot = ({ className, variant, ...props }: FieldRootProps): React.JSX.Element => {

package/src/hooks/use-user.tsx

@@ -5,14 +5,14 @@ import { createContext, type ReactNode, useContext } from 'react';
  * Context for storing and accessing the current authenticated user
  */
 export interface UserContextType {
-  /**
-   * The current authenticated user, or null if not authenticated
-   */
-  user: User | null;
   /**
    * Whether the user data is currently loading
    */
   isLoading: boolean;
+  /**
+   * The current authenticated user, or null if not authenticated
+   */
+  user: User | null;
 }
 
 /**
@@ -34,17 +34,17 @@ export const UserContext: React.Context<UserContextType> =
  */
 export interface UserContextProviderProps {
   /**
-   * The current authenticated user, or null if not authenticated
+   * Child components that will have access to the user context
    */
-  user: User | null;
+  children: ReactNode;
   /**
    * Whether the user data is currently loading
    */
   isLoading?: boolean;
   /**
-   * Child components that will have access to the user context
+   * The current authenticated user, or null if not authenticated
    */
-  children: ReactNode;
+  user: User | null;
 }
 
 /**

package/src/icon-button/icon-button.tsx

@@ -22,11 +22,11 @@ const iconButton = tv({
 export type IconButtonSize = keyof typeof iconButtonVariants;
 
 export interface IconButtonProps extends Omit<ComponentProps<typeof Button>, 'size'> {
+  'aria-label'?: string;
+  children?: never; // Prevent children, only icon allowed
   icon: ReactNode;
   size?: IconButtonSize;
   title?: string;
-  'aria-label'?: string;
-  children?: never; // Prevent children, only icon allowed
 }
 
 export const IconButton = ({

package/src/input/input.tsx

@@ -95,8 +95,8 @@ export type InputSize = keyof typeof inputSizes;
 
 export interface InputProps extends Omit<ComponentProps<typeof BaseUIInput>, 'className' | 'size'> {
   className?: string;
-  variant?: InputVariant;
   size?: InputSize;
+  variant?: InputVariant;
 }
 
 export const Input = ({ className, variant, size, ...props }: InputProps): React.JSX.Element => {

package/src/link/link.tsx

@@ -22,8 +22,8 @@ export function usePathResolver(): PathResolver | null {
 }
 
 export interface LinkBaseProps extends Omit<NavLinkProps, 'to'> {
-  to?: string | Partial<{ pathname?: string; search?: string; hash?: string }> | undefined;
   routeKey?: string;
+  to?: string | Partial<{ pathname?: string; search?: string; hash?: string }> | undefined;
   viewTransition?: boolean;
 }
 
@@ -51,10 +51,10 @@ export const LinkBase = ({
   }
 
   const isExternal =
-    path.startsWith('tel:') ||
-    path.startsWith('mailto:') ||
-    path.startsWith('#') ||
-    path.startsWith('http');
+    path.startsWith('tel:')
+    || path.startsWith('mailto:')
+    || path.startsWith('#')
+    || path.startsWith('http');
 
   const handleClick = useCallback(
     (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
@@ -165,8 +165,8 @@ export type LinkVariant = keyof typeof linkVariants;
 
 export interface LinkProps extends Omit<NavLinkProps, 'to'> {
   arrow?: LinkArrow;
-  to?: string | Partial<{ pathname?: string; search?: string; hash?: string }>;
   routeKey?: string;
+  to?: string | Partial<{ pathname?: string; search?: string; hash?: string }>;
   variant?: LinkVariant;
   viewTransition?: boolean;
 }

package/src/list/list-root-context.ts

@@ -1,15 +1,15 @@
 import { createContext, useContext } from 'react';
 
 export interface ListRootContextValue {
+  /**
+   * Default className to apply to all list items.
+   */
+  defaultItemClassName?: string;
   /**
    * Default element type for list items.
    * @default 'li'
    */
   defaultItemElement: 'li' | 'dd' | 'dt' | 'div' | 'span';
-  /**
-   * Default className to apply to all list items.
-   */
-  defaultItemClassName?: string;
 }
 
 export const ListRootContext: React.Context<ListRootContextValue | undefined> = createContext<

package/src/markdown-container/markdown-container.tsx

@@ -85,9 +85,9 @@ const truncateText = (
 
       if (part !== undefined) {
         if (
-          (maxSentences === undefined || sentenceCount < maxSentences) &&
-          (maxCharacters === undefined ||
-            charCount + part.length + delimiter.length <= maxCharacters)
+          (maxSentences === undefined || sentenceCount < maxSentences)
+          && (maxCharacters === undefined
+            || charCount + part.length + delimiter.length <= maxCharacters)
         ) {
           truncatedText += part + delimiter;
           charCount += part.length + delimiter.length;
@@ -104,8 +104,8 @@ const truncateText = (
     paragraphCount++;
 
     if (
-      (maxSentences !== undefined && sentenceCount >= maxSentences) ||
-      (maxCharacters !== undefined && charCount >= maxCharacters)
+      (maxSentences !== undefined && sentenceCount >= maxSentences)
+      || (maxCharacters !== undefined && charCount >= maxCharacters)
     ) {
       break;
     }
@@ -124,9 +124,9 @@ export const MarkdownContainer: React.FC<MarkdownContainerProps> = (props) => {
   let processedText = processTextOutsideMDXComponents(rawText, props.locale);
 
   const shouldTruncate =
-    Number.isInteger(props.sentences) ||
-    Number.isInteger(props.characters) ||
-    Number.isInteger(props.paragraphs);
+    Number.isInteger(props.sentences)
+    || Number.isInteger(props.characters)
+    || Number.isInteger(props.paragraphs);
 
   if (shouldTruncate) {
     processedText = truncateText(
@@ -144,8 +144,12 @@ export const MarkdownContainer: React.FC<MarkdownContainerProps> = (props) => {
         options={{
           disableParsingRawHTML: false,
           forceWrapper: true,
+          overrides: {
+            br: { component: () => <br /> },
+            hr: { component: () => <hr /> },
+            ...props.markdownOverrides,
+          },
           tagfilter: false,
-          ...(props.markdownOverrides ? { overrides: props.markdownOverrides } : {}),
         }}
       >
         {processedText}

package/src/password-input/password-input.tsx

@@ -49,9 +49,9 @@ export type PasswordInputVariant = keyof typeof passwordInputVariants;
 export interface PasswordInputProps
   extends Omit<React.ComponentProps<typeof Input>, 'type' | 'variant'> {
   className?: string;
-  variant?: PasswordInputVariant;
   inputVariant?: 'default' | 'error' | 'success';
   showToggle?: boolean;
+  variant?: PasswordInputVariant;
 }
 
 export const PasswordInput = ({

package/src/protected-email/protected-email.tsx

@@ -3,10 +3,10 @@
 import { useEffect, useState } from 'react';
 
 export interface ProtectedEmailProps {
-  username: string;
+  className?: string;
   domain: string;
   text?: string;
-  className?: string;
+  username: string;
 }
 
 /**

package/src/toggle/toggle.tsx

@@ -57,11 +57,11 @@ export type ToggleVariant = keyof typeof toggle.variants.variant;
 export type ToggleSize = keyof typeof toggle.variants.size;
 
 export interface ToggleProps extends Omit<ComponentProps<typeof BaseUIToggle>, 'className'> {
+  children?: ReactNode;
   className?: string;
-  variant?: ToggleVariant;
   size?: ToggleSize;
-  children?: ReactNode;
   title?: string;
+  variant?: ToggleVariant;
 }
 
 export const Toggle = ({