@regardio/react 0.5.5 → 0.6.0

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

@@ -0,0 +1,29 @@
+import { t as Button } from "../index-YT2CkvL6.mjs";
+import { ComponentProps, ReactNode } from "react";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
+
+//#region src/icon-button/icon-button.d.ts
+declare const iconButtonVariants: {
+  readonly default: readonly ["p-2"];
+  readonly lg: readonly ["p-3"];
+  readonly md: readonly ["p-2"];
+  readonly sm: readonly ["p-1"];
+};
+type IconButtonSize = keyof typeof iconButtonVariants;
+interface IconButtonProps extends Omit<ComponentProps<typeof Button>, 'size'> {
+  icon: ReactNode;
+  size?: IconButtonSize;
+  title?: string;
+  'aria-label'?: string;
+  children?: never;
+}
+declare const IconButton: ({
+  icon,
+  size,
+  title,
+  "aria-label": ariaLabel,
+  className,
+  ...props
+}: IconButtonProps) => react_jsx_runtime22.JSX.Element;
+//#endregion
+export { IconButton, type IconButtonProps };

package/dist/icon-button/index.mjs

@@ -0,0 +1,36 @@
+import { t as Button } from "../button-BiSQpBbc.mjs";
+import { tv } from "@regardio/tailwind/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/icon-button/icon-button.tsx
+const iconButton = tv({
+	base: [
+		"flex",
+		"items-center",
+		"justify-center"
+	],
+	defaultVariants: { size: "md" },
+	variants: { size: {
+		default: ["p-2"],
+		lg: ["p-3"],
+		md: ["p-2"],
+		sm: ["p-1"]
+	} }
+});
+const IconButton = ({ icon, size = "md", title, "aria-label": ariaLabel, className, ...props }) => {
+	const finalAriaLabel = ariaLabel || title;
+	const finalTitle = title || ariaLabel;
+	return /* @__PURE__ */ jsx(Button, {
+		"aria-label": finalAriaLabel,
+		className: iconButton({
+			className,
+			size
+		}),
+		title: finalTitle,
+		...props,
+		children: icon
+	});
+};
+
+//#endregion
+export { IconButton };

package/dist/if/index.d.mts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/if/if.d.ts
+type Condition<Value = unknown> = Value | false | null | undefined | 0 | '';
+declare function If<Value = unknown>({
+  condition,
+  children,
+  fallback
+}: React.PropsWithoutRef<{
+  condition: Condition<Value>;
+  children: React.ReactNode | ((value: Value) => React.ReactNode);
+  fallback?: React.ReactNode;
+}>): react_jsx_runtime6.JSX.Element | null;
+//#endregion
+export { If };

package/dist/if/index.mjs

@@ -0,0 +1,21 @@
+import { useMemo } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+
+//#region src/if/if.tsx
+function If({ condition, children, fallback }) {
+	return useMemo(() => {
+		if (condition) {
+			if (typeof children === "function") return /* @__PURE__ */ jsx(Fragment, { children: children(condition) });
+			return /* @__PURE__ */ jsx(Fragment, { children });
+		}
+		if (fallback) return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+		return null;
+	}, [
+		condition,
+		fallback,
+		children
+	]);
+}
+
+//#endregion
+export { If };

package/dist/iframe/index.d.mts

@@ -0,0 +1,11 @@
+import React from "react";
+
+//#region src/iframe/iframe.d.ts
+type IframeProps = {
+  src: string;
+  title: string;
+  className?: string;
+};
+declare const Iframe: React.FC<IframeProps>;
+//#endregion
+export { Iframe, type IframeProps };

package/dist/iframe/index.mjs

@@ -0,0 +1,15 @@
+import { cn } from "@regardio/tailwind/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/iframe/iframe.tsx
+const Iframe = ({ src, title, className }) => /* @__PURE__ */ jsx("iframe", {
+	allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+	allowFullScreen: true,
+	className: cn("w-full aspect-video border-0", className),
+	loading: "lazy",
+	src,
+	title
+});
+
+//#endregion
+export { Iframe };

package/dist/index-Bm-tWhsb.d.mts

@@ -0,0 +1,30 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+import { Input } from "@base-ui/react/input";
+
+//#region src/input/input.d.ts
+declare const inputVariants: {
+  readonly default: readonly ["w-full", "px-3", "py-2", "border", "border-gray-300", "rounded-md", "bg-white", "text-gray-900", "placeholder-gray-500", "focus:outline-none", "focus:ring-2", "focus:ring-blue-500", "focus:border-blue-500", "transition-colors", "duration-200"];
+  readonly error: readonly ["border-red-300", "text-red-900", "placeholder-red-500", "focus:ring-red-500", "focus:border-red-500"];
+  readonly success: readonly ["border-green-300", "text-green-900", "placeholder-green-500", "focus:ring-green-500", "focus:border-green-500"];
+};
+declare const inputSizes: {
+  readonly lg: readonly ["px-4", "py-3", "text-lg"];
+  readonly md: readonly ["px-3", "py-2", "text-base"];
+  readonly sm: readonly ["px-2", "py-1", "text-sm"];
+};
+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;
+}
+declare const Input$1: ({
+  className,
+  variant,
+  size,
+  ...props
+}: InputProps) => react_jsx_runtime5.JSX.Element;
+//#endregion
+export { InputVariant as i, InputProps as n, InputSize as r, Input$1 as t };

package/dist/index-YT2CkvL6.d.mts

@@ -0,0 +1,36 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
+import { Button } from "@base-ui/react/button";
+
+//#region src/button/button.d.ts
+declare const buttonVariants: {
+  readonly destructive: readonly ["bg-red-600", "text-white", "border-red-600", "hover:bg-red-700", "hover:border-red-700", "focus-visible:ring-2", "focus-visible:ring-red-500", "focus-visible:ring-offset-2"];
+  readonly ghost: readonly ["bg-transparent", "text-gray-900", "border-transparent", "hover:bg-gray-100", "hover:border-transparent", "focus-visible:ring-2", "focus-visible:ring-gray-500", "focus-visible:ring-offset-2"];
+  readonly outline: readonly ["bg-transparent", "text-gray-900", "border-gray-300", "hover:bg-gray-50", "hover:border-gray-400", "focus-visible:ring-2", "focus-visible:ring-gray-500", "focus-visible:ring-offset-2"];
+  readonly primary: readonly ["bg-blue-600", "text-white", "border-blue-600", "hover:bg-blue-700", "hover:border-blue-700", "focus-visible:ring-2", "focus-visible:ring-blue-500", "focus-visible:ring-offset-2"];
+  readonly secondary: readonly ["bg-gray-100", "text-gray-900", "border-gray-300", "hover:bg-gray-200", "hover:border-gray-400", "focus-visible:ring-2", "focus-visible:ring-gray-500", "focus-visible:ring-offset-2"];
+};
+declare const buttonSizes: {
+  readonly '2xl': readonly ["px-10", "py-5", "text-2xl", "font-medium", "rounded-lg"];
+  readonly lg: readonly ["px-6", "py-3", "text-lg", "font-medium", "rounded-lg"];
+  readonly md: readonly ["px-4", "py-2", "text-base", "font-medium", "rounded-md"];
+  readonly sm: readonly ["px-3", "py-1.5", "text-sm", "font-medium", "rounded-md"];
+  readonly xl: readonly ["px-8", "py-4", "text-xl", "font-medium", "rounded-lg"];
+};
+type ButtonVariant = keyof typeof buttonVariants;
+type ButtonSize = keyof typeof buttonSizes;
+interface ButtonProps extends Omit<ComponentProps<typeof Button>, 'className'> {
+  variant?: ButtonVariant;
+  size?: ButtonSize;
+  className?: string;
+  type?: 'button' | 'submit' | 'reset';
+}
+declare const Button$1: ({
+  children,
+  className,
+  variant,
+  size,
+  ...props
+}: ButtonProps) => react_jsx_runtime46.JSX.Element;
+//#endregion
+export { ButtonVariant as i, ButtonProps as n, ButtonSize as r, Button$1 as t };

package/dist/input/index.d.mts

@@ -0,0 +1,2 @@
+import { i as InputVariant, n as InputProps, r as InputSize, t as Input } from "../index-Bm-tWhsb.mjs";
+export { Input, InputProps, InputSize, InputVariant };

package/dist/input/index.mjs

@@ -0,0 +1,3 @@
+import { t as Input } from "../input-CtR6aRVi.mjs";
+
+export { Input };

package/dist/input-CtR6aRVi.mjs

@@ -0,0 +1,73 @@
+import { tv } from "@regardio/tailwind/utils";
+import { jsx } from "react/jsx-runtime";
+import { Input } from "@base-ui/react/input";
+
+//#region src/input/input.tsx
+const input = tv({
+	base: [
+		"w-full",
+		"px-3",
+		"py-2",
+		"border",
+		"border-gray-300",
+		"rounded-md",
+		"bg-white",
+		"text-gray-900",
+		"placeholder-gray-500",
+		"focus:outline-none",
+		"focus:ring-2",
+		"focus:ring-blue-500",
+		"focus:border-blue-500",
+		"transition-colors",
+		"duration-200"
+	],
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			lg: [
+				"px-4",
+				"py-3",
+				"text-lg"
+			],
+			md: [],
+			sm: [
+				"px-2",
+				"py-1",
+				"text-sm"
+			]
+		},
+		variant: {
+			default: [],
+			error: [
+				"border-red-300",
+				"text-red-900",
+				"placeholder-red-500",
+				"focus:ring-red-500",
+				"focus:border-red-500"
+			],
+			success: [
+				"border-green-300",
+				"text-green-900",
+				"placeholder-green-500",
+				"focus:ring-green-500",
+				"focus:border-green-500"
+			]
+		}
+	}
+});
+const Input$1 = ({ className, variant, size, ...props }) => {
+	return /* @__PURE__ */ jsx(Input, {
+		className: input({
+			className,
+			size,
+			variant
+		}),
+		...props
+	});
+};
+
+//#endregion
+export { Input$1 as t };

package/dist/link/index.d.mts

@@ -0,0 +1,73 @@
+import * as react10 from "react";
+import * as react_jsx_runtime43 from "react/jsx-runtime";
+import { NavLinkProps } from "react-router";
+
+//#region src/link/link.d.ts
+/**
+ * Context for providing a path resolver function.
+ * This allows projects to inject their own localization logic.
+ */
+type PathResolver = (routeKey: string) => string;
+declare const PathResolverProvider: react10.Provider<PathResolver | null>;
+declare function usePathResolver(): PathResolver | null;
+interface LinkBaseProps extends Omit<NavLinkProps, 'to'> {
+  to?: string | Partial<{
+    pathname?: string;
+    search?: string;
+    hash?: string;
+  }> | undefined;
+  routeKey?: string;
+  viewTransition?: boolean;
+}
+declare const LinkBase: ({
+  className,
+  to,
+  routeKey,
+  children,
+  onClick,
+  viewTransition,
+  ...props
+}: LinkBaseProps) => react_jsx_runtime43.JSX.Element;
+declare const arrowVariants: {
+  readonly darr: "darr";
+  readonly larr: "larr";
+  readonly rarr: "rarr";
+  readonly uarr: "uarr";
+};
+declare const linkVariants: {
+  readonly button: readonly ["block", "button", "mt-s", "relative", "rarr", "text-right", "text-sm", "tracking-wider", "uppercase"];
+  readonly code: readonly ["font-monospace"];
+  readonly link: readonly ["rarr", "!bg-transparent", "uppercase", "!tracking-wider"];
+  readonly navtitle: readonly ["block", "uppercase", "tracking-wider"];
+  readonly primary: readonly [];
+  readonly subtitle: readonly ["text-lg"];
+};
+type LinkArrow = keyof typeof arrowVariants;
+type LinkVariant = keyof typeof linkVariants;
+interface LinkProps extends Omit<NavLinkProps, 'to'> {
+  arrow?: LinkArrow;
+  to?: string | Partial<{
+    pathname?: string;
+    search?: string;
+    hash?: string;
+  }>;
+  routeKey?: string;
+  variant?: LinkVariant;
+  viewTransition?: boolean;
+}
+declare const Link: ({
+  arrow,
+  children,
+  className,
+  routeKey,
+  to,
+  variant,
+  viewTransition,
+  ...props
+}: LinkProps) => react_jsx_runtime43.JSX.Element;
+interface MarkdownLinkProps extends Omit<LinkProps, 'to'> {
+  href?: string;
+}
+declare const MarkdownLink: React.FC<MarkdownLinkProps>;
+//#endregion
+export { Link, LinkBase, type LinkBaseProps, type LinkProps, MarkdownLink, type MarkdownLinkProps, type PathResolver, PathResolverProvider, usePathResolver };

package/dist/link/index.mjs

@@ -0,0 +1,129 @@
+import { t as lowerCaseSzett } from "../text-CPlUND-Z.mjs";
+import { createContext, useCallback, useContext } from "react";
+import { tv } from "@regardio/tailwind/utils";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { NavLink } from "react-router";
+
+//#region src/link/link.tsx
+const PathResolverContext = createContext(null);
+const PathResolverProvider = PathResolverContext.Provider;
+function usePathResolver() {
+	return useContext(PathResolverContext);
+}
+const LinkBase = ({ className, to, routeKey, children, onClick, viewTransition = true, ...props }) => {
+	const pathResolver = usePathResolver();
+	let path;
+	if (routeKey && pathResolver) path = pathResolver(routeKey);
+	else if (typeof to === "string") path = to;
+	else {
+		path = to?.pathname ?? "";
+		if (to?.search) path += to.search;
+		if (to?.hash) path += to.hash;
+	}
+	const isExternal = path.startsWith("tel:") || path.startsWith("mailto:") || path.startsWith("#") || path.startsWith("http");
+	const handleClick = useCallback((event) => {
+		onClick?.(event);
+		if (event.defaultPrevented) return;
+		if (path.startsWith("tel:") || path.startsWith("mailto:")) return;
+		if (path.startsWith("#")) {
+			event.preventDefault();
+			const element = document.getElementById(path.substring(1));
+			if (element) element.scrollIntoView({ behavior: "smooth" });
+			return;
+		}
+		if (path.startsWith("http")) {
+			event.preventDefault();
+			window.open(path, "_blank", "noopener,noreferrer");
+			return;
+		}
+	}, [onClick, path]);
+	if (!path) return /* @__PURE__ */ jsx(Fragment, { children: typeof children === "function" ? null : children });
+	if (isExternal) {
+		const externalState = {
+			isActive: false,
+			isPending: false,
+			isTransitioning: false
+		};
+		const resolvedClassName = typeof className === "function" ? className(externalState) : className;
+		const resolvedStyle = typeof props.style === "function" ? props.style(externalState) : props.style;
+		return /* @__PURE__ */ jsx("a", {
+			className: resolvedClassName,
+			href: path,
+			onClick: handleClick,
+			style: resolvedStyle,
+			children: typeof children === "function" ? children(externalState) : children
+		});
+	}
+	return /* @__PURE__ */ jsx(NavLink, {
+		...props,
+		className,
+		onClick: handleClick,
+		to: path,
+		viewTransition,
+		children
+	});
+};
+const link = tv({
+	base: [],
+	defaultVariants: { variant: "primary" },
+	variants: {
+		arrow: {
+			darr: "darr",
+			larr: "larr",
+			rarr: "rarr",
+			uarr: "uarr"
+		},
+		variant: {
+			button: [
+				"block",
+				"button",
+				"mt-s",
+				"relative",
+				"rarr",
+				"text-right",
+				"text-sm",
+				"tracking-wider",
+				"uppercase"
+			],
+			code: ["font-monospace"],
+			link: [
+				"rarr",
+				"!bg-transparent",
+				"uppercase",
+				"!tracking-wider"
+			],
+			navtitle: [
+				"block",
+				"uppercase",
+				"tracking-wider"
+			],
+			primary: [],
+			subtitle: ["text-lg"]
+		}
+	}
+});
+const Link = ({ arrow, children, className, routeKey, to, variant, viewTransition, ...props }) => {
+	return /* @__PURE__ */ jsx(LinkBase, {
+		...props,
+		className: link({
+			arrow,
+			className: typeof className === "string" ? className : void 0,
+			variant
+		}),
+		routeKey,
+		to,
+		viewTransition,
+		children: lowerCaseSzett(children)
+	});
+};
+const MarkdownLink = ({ children, href, ...props }) => {
+	if (href) return /* @__PURE__ */ jsx(Link, {
+		to: href,
+		...props,
+		children
+	});
+	return null;
+};
+
+//#endregion
+export { Link, LinkBase, MarkdownLink, PathResolverProvider, usePathResolver };

package/dist/list/index.d.mts

@@ -0,0 +1,71 @@
+import { ComponentPropsWithoutRef, ForwardedRef, ReactNode } from "react";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
+
+//#region src/list/list-item.d.ts
+type ListItemElement = 'li' | 'dd' | 'dt' | 'div' | 'span';
+type ListItemProps<T extends ListItemElement = 'li'> = Omit<ComponentPropsWithoutRef<T>, 'children'> & {
+  /**
+   * The element type to render.
+   * Falls back to the defaultItemElement from ListRoot context, or 'li'.
+   */
+  render?: T;
+  /**
+   * The content of the list item.
+   */
+  children?: ReactNode;
+};
+declare function ListItemImpl<T extends ListItemElement = 'li'>(props: ListItemProps<T>, ref: ForwardedRef<HTMLElement>): react_jsx_runtime45.JSX.Element;
+declare const ListItem: <T extends ListItemElement = "li">(props: ListItemProps<T> & {
+  ref?: ForwardedRef<HTMLElement>;
+}) => ReturnType<typeof ListItemImpl>;
+declare namespace ListItem {
+  type Props<T extends ListItemElement = 'li'> = ListItemProps<T>;
+}
+//#endregion
+//#region src/list/list-root-context.d.ts
+interface ListRootContextValue {
+  /**
+   * 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
+type ListRootElement = 'ul' | 'ol' | 'dl' | 'div' | 'menu' | 'nav';
+type ListRootProps<T extends ListRootElement = 'ul'> = Omit<ComponentPropsWithoutRef<T>, 'children'> & {
+  /**
+   * The element type to render.
+   * @default 'ul'
+   */
+  render?: T;
+  /**
+   * The content of the list.
+   */
+  children?: ReactNode;
+  /**
+   * Default element type for list items.
+   * When render is 'dl', defaults to 'dd'. Otherwise defaults to 'li'.
+   */
+  defaultItemElement?: ListRootContextValue['defaultItemElement'];
+  /**
+   * Default className to apply to all list items.
+   */
+  defaultItemClassName?: string;
+};
+declare function ListRootImpl<T extends ListRootElement = 'ul'>(props: ListRootProps<T>, ref: ForwardedRef<HTMLElement>): react_jsx_runtime45.JSX.Element;
+declare const ListRoot: <T extends ListRootElement = "ul">(props: ListRootProps<T> & {
+  ref?: ForwardedRef<HTMLElement>;
+}) => ReturnType<typeof ListRootImpl>;
+declare namespace ListRoot {
+  type Props<T extends ListRootElement = 'ul'> = ListRootProps<T>;
+}
+declare namespace index_parts_d_exports {
+  export { ListItem as Item, ListRoot as Root };
+}
+//#endregion
+export { index_parts_d_exports as List, type ListItemProps, type ListRootContextValue, type ListRootProps };

package/dist/list/index.mjs

@@ -0,0 +1,54 @@
+import { t as __exportAll } from "../chunk-BTpB_u-K.mjs";
+import { createContext, forwardRef, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/list/list-root-context.ts
+const ListRootContext = createContext(void 0);
+function useListRootContext() {
+	return useContext(ListRootContext);
+}
+
+//#endregion
+//#region src/list/list-item.tsx
+function ListItemImpl(props, ref) {
+	const context = useListRootContext();
+	const { render, children, className, ...elementProps } = props;
+	return /* @__PURE__ */ jsx(render ?? context?.defaultItemElement ?? "li", {
+		className: context?.defaultItemClassName ? className ? `${context.defaultItemClassName} ${className}` : context.defaultItemClassName : className,
+		ref,
+		...elementProps,
+		children
+	});
+}
+const ListItem = forwardRef(ListItemImpl);
+
+//#endregion
+//#region src/list/list-root.tsx
+function ListRootImpl(props, ref) {
+	const { render = "ul", children, defaultItemElement, defaultItemClassName, ...elementProps } = props;
+	const resolvedDefaultItemElement = defaultItemElement ?? (render === "dl" ? "dd" : "li");
+	const contextValue = useMemo(() => ({
+		defaultItemClassName,
+		defaultItemElement: resolvedDefaultItemElement
+	}), [resolvedDefaultItemElement, defaultItemClassName]);
+	const Component = render;
+	return /* @__PURE__ */ jsx(ListRootContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(Component, {
+			ref,
+			...elementProps,
+			children
+		})
+	});
+}
+const ListRoot = forwardRef(ListRootImpl);
+
+//#endregion
+//#region src/list/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Item: () => ListItem,
+	Root: () => ListRoot
+});
+
+//#endregion
+export { index_parts_exports as List };

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

@@ -0,0 +1,23 @@
+import React from "react";
+import { MarkdownToJSX } from "markdown-to-jsx";
+
+//#region src/markdown-container/markdown-container.d.ts
+declare function transformLink(to: string | Partial<{
+  pathname?: string;
+  search?: string;
+  hash?: string;
+}> | undefined): string;
+type MDXComponent<P = object> = React.ComponentType<P>;
+type MarkdownOverrides = MarkdownToJSX.Options['overrides'];
+type MarkdownContainerProps = React.PropsWithChildren<{
+  characters?: number;
+  className?: string;
+  locale: string;
+  paragraphs?: number;
+  sentences?: number;
+  mdxComponents?: Record<string, MDXComponent>;
+  markdownOverrides?: MarkdownOverrides;
+}>;
+declare const MarkdownContainer: React.FC<MarkdownContainerProps>;
+//#endregion
+export { type MDXComponent, MarkdownContainer, type MarkdownContainerProps, type MarkdownOverrides, transformLink };