@regardio/react 0.6.0 → 0.7.0

package/dist/list/index.mjs

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "../chunk-BTpB_u-K.mjs";
-import { createContext, forwardRef, useContext, useMemo } from "react";
+import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/list/list-root-context.ts
@@ -10,9 +10,9 @@ function useListRootContext() {
 
 //#endregion
 //#region src/list/list-item.tsx
-function ListItemImpl(props, ref) {
+function ListItemImpl(props) {
 	const context = useListRootContext();
-	const { render, children, className, ...elementProps } = props;
+	const { render, children, className, ref, ...elementProps } = props;
 	return /* @__PURE__ */ jsx(render ?? context?.defaultItemElement ?? "li", {
 		className: context?.defaultItemClassName ? className ? `${context.defaultItemClassName} ${className}` : context.defaultItemClassName : className,
 		ref,
@@ -20,12 +20,12 @@ function ListItemImpl(props, ref) {
 		children
 	});
 }
-const ListItem = forwardRef(ListItemImpl);
+const ListItem = ListItemImpl;
 
 //#endregion
 //#region src/list/list-root.tsx
-function ListRootImpl(props, ref) {
-	const { render = "ul", children, defaultItemElement, defaultItemClassName, ...elementProps } = props;
+function ListRootImpl(props) {
+	const { render = "ul", children, defaultItemElement, defaultItemClassName, ref, ...elementProps } = props;
 	const resolvedDefaultItemElement = defaultItemElement ?? (render === "dl" ? "dd" : "li");
 	const contextValue = useMemo(() => ({
 		defaultItemClassName,
@@ -41,7 +41,7 @@ function ListRootImpl(props, ref) {
 		})
 	});
 }
-const ListRoot = forwardRef(ListRootImpl);
+const ListRoot = ListRootImpl;
 
 //#endregion
 //#region src/list/index.parts.ts

package/dist/markdown-container/index.d.mts

@@ -8,7 +8,7 @@ declare function transformLink(to: string | Partial<{
   hash?: string;
 }> | undefined): string;
 type MDXComponent<P = object> = React.ComponentType<P>;
-type MarkdownOverrides = MarkdownToJSX.Options['overrides'];
+type MarkdownOverrides = MarkdownToJSX.Options["overrides"];
 type MarkdownContainerProps = React.PropsWithChildren<{
   characters?: number;
   className?: string;

package/dist/markdown-container/index.mjs

@@ -1,4 +1,4 @@
-import { n as replaceSpecialChars } from "../text-CPlUND-Z.mjs";
+import { n as replaceSpecialChars } from "../text-EQC4zJbE.mjs";
 import { cn } from "@regardio/tailwind/utils";
 import { jsx } from "react/jsx-runtime";
 import { MDXProvider } from "@mdx-js/react";

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

@@ -1,5 +1,4 @@
-import { t as Input } from "../index-Bm-tWhsb.mjs";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import { t as Input } from "../index-Bj5_XfEC.mjs";
 
 //#region src/password-input/password-input.d.ts
 declare const passwordInputVariants: {
@@ -7,10 +6,10 @@ declare const passwordInputVariants: {
   readonly withToggle: readonly [];
 };
 type PasswordInputVariant = keyof typeof passwordInputVariants;
-interface PasswordInputProps extends Omit<React.ComponentProps<typeof Input>, 'type' | 'variant'> {
+interface PasswordInputProps extends Omit<React.ComponentProps<typeof Input>, "type" | "variant"> {
   className?: string;
   variant?: PasswordInputVariant;
-  inputVariant?: 'default' | 'error' | 'success';
+  inputVariant?: "default" | "error" | "success";
   showToggle?: boolean;
 }
 declare const PasswordInput: ({
@@ -19,6 +18,6 @@ declare const PasswordInput: ({
   inputVariant,
   showToggle,
   ...props
-}: PasswordInputProps) => react_jsx_runtime28.JSX.Element;
+}: PasswordInputProps) => React.JSX.Element;
 //#endregion
 export { PasswordInput, type PasswordInputProps };

package/dist/picture/index.d.mts

@@ -24,16 +24,16 @@ interface PictureProps {
   sizes?: string;
 }
 /**
- * Generic Picture component that works with any image provider
- *
- * @param alt - Alt text for the image
- * @param baseUrl - Base URL with optional placeholder (e.g., 'https://example.com/images/{format}/image.jpg')
- * @param className - Optional class for the picture element
- * @param formats - Custom formats with size and width
- * @param imgClassName - Optional class for the img element
- * @param placeholder - Placeholder to replace in baseUrl (default: '{format}')
- * @param sizes - Custom sizes attribute
- */
+* Generic Picture component that works with any image provider
+*
+* @param alt - Alt text for the image
+* @param baseUrl - Base URL with optional placeholder (e.g., 'https://example.com/images/{format}/image.jpg')
+* @param className - Optional class for the picture element
+* @param formats - Custom formats with size and width
+* @param imgClassName - Optional class for the img element
+* @param placeholder - Placeholder to replace in baseUrl (default: '{format}')
+* @param sizes - Custom sizes attribute
+*/
 declare const Picture: React.FC<PictureProps>;
 //#endregion
 export { type ImageFormat, Picture, type PictureProps, screenSizeVariants };

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

@@ -1,5 +1,3 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/protected-email/protected-email.d.ts
 interface ProtectedEmailProps {
   username: string;
@@ -8,19 +6,19 @@ interface ProtectedEmailProps {
   className?: string;
 }
 /**
- * ProtectedEmail component that obfuscates email addresses to protect from scrapers.
- * The email is only assembled client-side with JavaScript, making it harder for scrapers to extract.
- *
- * @param username - The part before the @ symbol
- * @param domain - The part after the @ symbol
- * @param text - Optional display text (defaults to username(at)domain)
- * @param className - Optional CSS class name
- */
+* ProtectedEmail component that obfuscates email addresses to protect from scrapers.
+* The email is only assembled client-side with JavaScript, making it harder for scrapers to extract.
+*
+* @param username - The part before the @ symbol
+* @param domain - The part after the @ symbol
+* @param text - Optional display text (defaults to username(at)domain)
+* @param className - Optional CSS class name
+*/
 declare function ProtectedEmail({
   username,
   domain,
   text,
   className
-}: ProtectedEmailProps): react_jsx_runtime0.JSX.Element;
+}: ProtectedEmailProps): React.JSX.Element;
 //#endregion
 export { ProtectedEmail, type ProtectedEmailProps };

package/dist/radio/index.d.mts

@@ -1,37 +1,28 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime24 from "react/jsx-runtime";
 import { Radio as Radio$1 } from "@base-ui/react/radio";
 
 //#region src/radio/radio.d.ts
-type RadioSize = 'sm' | 'md' | 'lg';
-interface RadioRootProps extends Omit<ComponentProps<typeof Radio$1.Root>, 'className'> {
+type RadioSize = "sm" | "md" | "lg";
+interface RadioRootProps extends Omit<ComponentProps<typeof Radio$1.Root>, "className"> {
   className?: string;
   size?: RadioSize;
 }
-interface RadioIndicatorProps extends Omit<ComponentProps<typeof Radio$1.Indicator>, 'className'> {
+interface RadioIndicatorProps extends Omit<ComponentProps<typeof Radio$1.Indicator>, "className"> {
   className?: string;
 }
 declare const RadioRoot: ({
   className,
   size,
   ...props
-}: RadioRootProps) => react_jsx_runtime24.JSX.Element;
+}: RadioRootProps) => React.JSX.Element;
 declare const RadioIndicator: ({
   className,
   children,
   ...props
-}: RadioIndicatorProps) => react_jsx_runtime24.JSX.Element;
+}: RadioIndicatorProps) => React.JSX.Element;
 declare const Radio: {
-  Indicator: ({
-    className,
-    children,
-    ...props
-  }: RadioIndicatorProps) => react_jsx_runtime24.JSX.Element;
-  Root: ({
-    className,
-    size,
-    ...props
-  }: RadioRootProps) => react_jsx_runtime24.JSX.Element;
+  Indicator: typeof RadioIndicator;
+  Root: typeof RadioRoot;
 };
 //#endregion
 export { Radio, RadioIndicator, type RadioIndicatorProps, RadioRoot, type RadioRootProps, type RadioSize };

package/dist/radio-group/index.d.mts

@@ -1,10 +1,9 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
 import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
 
 //#region src/radio-group/radio-group.d.ts
-type RadioGroupOrientation = 'horizontal' | 'vertical';
-interface RadioGroupProps extends Omit<ComponentProps<typeof RadioGroup$1>, 'className'> {
+type RadioGroupOrientation = "horizontal" | "vertical";
+interface RadioGroupProps extends Omit<ComponentProps<typeof RadioGroup$1>, "className"> {
   className?: string;
   orientation?: RadioGroupOrientation;
 }
@@ -12,6 +11,6 @@ declare const RadioGroup: ({
   className,
   orientation,
   ...props
-}: RadioGroupProps) => react_jsx_runtime29.JSX.Element;
+}: RadioGroupProps) => React.JSX.Element;
 //#endregion
 export { RadioGroup, type RadioGroupOrientation, type RadioGroupProps };

package/dist/slider/index.d.mts

@@ -1,85 +1,63 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
 import { Slider as Slider$1 } from "@base-ui/react/slider";
 
 //#region src/slider/slider.d.ts
-type SliderSize = 'sm' | 'md' | 'lg';
-interface SliderRootProps extends Omit<ComponentProps<typeof Slider$1.Root>, 'className'> {
+type SliderSize = "sm" | "md" | "lg";
+interface SliderRootProps extends Omit<ComponentProps<typeof Slider$1.Root>, "className"> {
   className?: string;
   size?: SliderSize;
 }
-interface SliderControlProps extends Omit<ComponentProps<typeof Slider$1.Control>, 'className'> {
+interface SliderControlProps extends Omit<ComponentProps<typeof Slider$1.Control>, "className"> {
   className?: string;
 }
-interface SliderTrackProps extends Omit<ComponentProps<typeof Slider$1.Track>, 'className'> {
+interface SliderTrackProps extends Omit<ComponentProps<typeof Slider$1.Track>, "className"> {
   className?: string;
   size?: SliderSize;
 }
-interface SliderIndicatorProps extends Omit<ComponentProps<typeof Slider$1.Indicator>, 'className'> {
+interface SliderIndicatorProps extends Omit<ComponentProps<typeof Slider$1.Indicator>, "className"> {
   className?: string;
 }
-interface SliderThumbProps extends Omit<ComponentProps<typeof Slider$1.Thumb>, 'className'> {
+interface SliderThumbProps extends Omit<ComponentProps<typeof Slider$1.Thumb>, "className"> {
   className?: string;
   size?: SliderSize;
 }
-interface SliderValueProps extends Omit<ComponentProps<typeof Slider$1.Value>, 'className'> {
+interface SliderValueProps extends Omit<ComponentProps<typeof Slider$1.Value>, "className"> {
   className?: string;
 }
 declare const SliderRoot: ({
   className,
   size,
   ...props
-}: SliderRootProps) => react_jsx_runtime31.JSX.Element;
+}: SliderRootProps) => React.JSX.Element;
 declare const SliderControl: ({
   className,
   ...props
-}: SliderControlProps) => react_jsx_runtime31.JSX.Element;
+}: SliderControlProps) => React.JSX.Element;
 declare const SliderTrack: ({
   className,
   size,
   ...props
-}: SliderTrackProps) => react_jsx_runtime31.JSX.Element;
+}: SliderTrackProps) => React.JSX.Element;
 declare const SliderIndicator: ({
   className,
   ...props
-}: SliderIndicatorProps) => react_jsx_runtime31.JSX.Element;
+}: SliderIndicatorProps) => React.JSX.Element;
 declare const SliderThumb: ({
   className,
   size,
   ...props
-}: SliderThumbProps) => react_jsx_runtime31.JSX.Element;
+}: SliderThumbProps) => React.JSX.Element;
 declare const SliderValue: ({
   className,
   ...props
-}: SliderValueProps) => react_jsx_runtime31.JSX.Element;
+}: SliderValueProps) => React.JSX.Element;
 declare const Slider: {
-  Control: ({
-    className,
-    ...props
-  }: SliderControlProps) => react_jsx_runtime31.JSX.Element;
-  Indicator: ({
-    className,
-    ...props
-  }: SliderIndicatorProps) => react_jsx_runtime31.JSX.Element;
-  Root: ({
-    className,
-    size,
-    ...props
-  }: SliderRootProps) => react_jsx_runtime31.JSX.Element;
-  Thumb: ({
-    className,
-    size,
-    ...props
-  }: SliderThumbProps) => react_jsx_runtime31.JSX.Element;
-  Track: ({
-    className,
-    size,
-    ...props
-  }: SliderTrackProps) => react_jsx_runtime31.JSX.Element;
-  Value: ({
-    className,
-    ...props
-  }: SliderValueProps) => react_jsx_runtime31.JSX.Element;
+  Control: typeof SliderControl;
+  Indicator: typeof SliderIndicator;
+  Root: typeof SliderRoot;
+  Thumb: typeof SliderThumb;
+  Track: typeof SliderTrack;
+  Value: typeof SliderValue;
 };
 //#endregion
 export { Slider, SliderControl, type SliderControlProps, SliderIndicator, type SliderIndicatorProps, SliderRoot, type SliderRootProps, type SliderSize, SliderThumb, type SliderThumbProps, SliderTrack, type SliderTrackProps, SliderValue, type SliderValueProps };

package/dist/switch/index.d.mts

@@ -1,14 +1,13 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime53 from "react/jsx-runtime";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
 
 //#region src/switch/switch.d.ts
-type SwitchSize = 'sm' | 'md' | 'lg';
-interface SwitchRootProps extends Omit<ComponentProps<typeof Switch$1.Root>, 'className'> {
+type SwitchSize = "sm" | "md" | "lg";
+interface SwitchRootProps extends Omit<ComponentProps<typeof Switch$1.Root>, "className"> {
   className?: string;
   size?: SwitchSize;
 }
-interface SwitchThumbProps extends Omit<ComponentProps<typeof Switch$1.Thumb>, 'className'> {
+interface SwitchThumbProps extends Omit<ComponentProps<typeof Switch$1.Thumb>, "className"> {
   className?: string;
   size?: SwitchSize;
 }
@@ -16,23 +15,15 @@ declare const SwitchRoot: ({
   className,
   size,
   ...props
-}: SwitchRootProps) => react_jsx_runtime53.JSX.Element;
+}: SwitchRootProps) => React.JSX.Element;
 declare const SwitchThumb: ({
   className,
   size,
   ...props
-}: SwitchThumbProps) => react_jsx_runtime53.JSX.Element;
+}: SwitchThumbProps) => React.JSX.Element;
 declare const Switch: {
-  Root: ({
-    className,
-    size,
-    ...props
-  }: SwitchRootProps) => react_jsx_runtime53.JSX.Element;
-  Thumb: ({
-    className,
-    size,
-    ...props
-  }: SwitchThumbProps) => react_jsx_runtime53.JSX.Element;
+  Root: typeof SwitchRoot;
+  Thumb: typeof SwitchThumb;
 };
 //#endregion
 export { Switch, SwitchRoot, type SwitchRootProps, type SwitchSize, SwitchThumb, type SwitchThumbProps };

package/dist/text/index.d.mts

@@ -1,5 +1,4 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime50 from "react/jsx-runtime";
 
 //#region src/text/text.d.ts
 declare const themeColorVariants: {
@@ -12,7 +11,7 @@ declare const textVariants: {
 };
 type TextThemeColor = keyof typeof themeColorVariants;
 type TextVariant = keyof typeof textVariants;
-interface TextProps extends ComponentProps<'p'> {
+interface TextProps extends ComponentProps<"p"> {
   themeColor?: TextThemeColor;
   variant?: TextVariant;
 }
@@ -21,6 +20,6 @@ declare const Text: ({
   className,
   variant,
   themeColor
-}: TextProps) => react_jsx_runtime50.JSX.Element;
+}: TextProps) => React.JSX.Element;
 //#endregion
 export { Text, type TextProps };

package/dist/{text-CPlUND-Z.mjs → text-EQC4zJbE.mjs}

@@ -1,4 +1,4 @@
-import React, { cloneElement, isValidElement } from "react";
+import { Fragment, cloneElement, isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { replaceShyInString, splitIntoSentences, typographicQuotes } from "@regardio/js/text";
 
@@ -13,26 +13,20 @@ const lowerCaseSzett = (text, _returnType) => {
 	if (typeof text === "string") return processString(text);
 	if (isValidElement(text)) {
 		const element = text;
-		const { children, ...props } = element.props;
-		return cloneElement(element, {
-			...props,
-			children: lowerCaseSzett(children)
-		});
+		const { children } = element.props;
+		return cloneElement(element, element.props, lowerCaseSzett(children));
 	}
-	if (Array.isArray(text)) return text.map((child, index) => /* @__PURE__ */ jsx(React.Fragment, { children: lowerCaseSzett(child) }, index.toString()));
+	if (Array.isArray(text)) return text.map((child, index) => /* @__PURE__ */ jsx(Fragment, { children: lowerCaseSzett(child) }, index.toString()));
 	return text;
 };
 function replaceShyInReactNode(node) {
 	if (typeof node === "string") return node.replace(/\u00AD/g, "");
 	if (isValidElement(node)) {
 		const element = node;
-		const { children, ...props } = element.props;
-		return cloneElement(element, {
-			...props,
-			children: replaceShyInReactNode(children)
-		});
+		const { children } = element.props;
+		return cloneElement(element, element.props, replaceShyInReactNode(children));
 	}
-	if (Array.isArray(node)) return node.map((child, index) => /* @__PURE__ */ jsx(React.Fragment, { children: replaceShyInReactNode(child) }, index.toString()));
+	if (Array.isArray(node)) return node.map((child, index) => /* @__PURE__ */ jsx(Fragment, { children: replaceShyInReactNode(child) }, index.toString()));
 	return node;
 }
 function shy(input) {

package/dist/toggle/index.d.mts

@@ -1,46 +1,12 @@
 import { ComponentProps, ReactNode } from "react";
-import * as react_jsx_runtime51 from "react/jsx-runtime";
+import { tv } from "@regardio/tailwind/utils";
 import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
-import * as tailwind_variants3 from "tailwind-variants";
 
 //#region src/toggle/toggle.d.ts
-declare const toggle: tailwind_variants3.TVReturnType<{
-  size: {
-    lg: string[];
-    md: string[];
-    sm: string[];
-  };
-  variant: {
-    default: never[];
-    ghost: string[];
-    outline: string[];
-  };
-}, undefined, string[], {
-  size: {
-    lg: string[];
-    md: string[];
-    sm: string[];
-  };
-  variant: {
-    default: never[];
-    ghost: string[];
-    outline: string[];
-  };
-}, undefined, tailwind_variants3.TVReturnType<{
-  size: {
-    lg: string[];
-    md: string[];
-    sm: string[];
-  };
-  variant: {
-    default: never[];
-    ghost: string[];
-    outline: string[];
-  };
-}, undefined, string[], unknown, unknown, undefined>>;
+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'> {
+interface ToggleProps extends Omit<ComponentProps<typeof Toggle$1>, "className"> {
   className?: string;
   variant?: ToggleVariant;
   size?: ToggleSize;
@@ -54,6 +20,6 @@ declare const Toggle: ({
   title,
   children,
   ...props
-}: ToggleProps) => react_jsx_runtime51.JSX.Element;
+}: ToggleProps) => React.JSX.Element;
 //#endregion
 export { Toggle, type ToggleProps, type ToggleSize, type ToggleVariant };

package/dist/utils/text/index.d.mts

@@ -4,13 +4,13 @@ import { ReactNode } from "react";
 declare const lowerCaseSzett: (text: ReactNode | string, _returnType?: "string") => ReactNode;
 declare function shy(input: string | ReactNode | null): string | ReactNode | null;
 /**
- * Replace special characters in text: typographic quotes and soft hyphens.
- * This is a React-aware version that handles ReactNode trees.
- */
+* Replace special characters in text: typographic quotes and soft hyphens.
+* This is a React-aware version that handles ReactNode trees.
+*/
 declare function replaceSpecialChars(text: string, locale: string): string | ReactNode | null;
 /**
- * Wrap sentences in span elements
- */
+* Wrap sentences in span elements
+*/
 declare function wrapSentences(text: string): ReactNode;
 //#endregion
 export { lowerCaseSzett, replaceSpecialChars, shy, wrapSentences };

package/dist/utils/text/index.mjs

@@ -1,3 +1,3 @@
-import { i as wrapSentences, n as replaceSpecialChars, r as shy, t as lowerCaseSzett } from "../../text-CPlUND-Z.mjs";
+import { i as wrapSentences, n as replaceSpecialChars, r as shy, t as lowerCaseSzett } from "../../text-EQC4zJbE.mjs";
 
 export { lowerCaseSzett, replaceSpecialChars, shy, wrapSentences };