@regardio/react 0.5.5 → 0.6.0

package/dist/if/index.d.ts

@@ -1,10 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-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_runtime.JSX.Element | null;
-
-export { If };

package/dist/if/index.js

@@ -1,24 +0,0 @@
-import { useMemo } from 'react';
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-// 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]);
-}
-
-export { If };

package/dist/iframe/index.d.ts

@@ -1,10 +0,0 @@
-import react__default from 'react';
-
-type IframeProps = {
-    src: string;
-    title: string;
-    className?: string;
-};
-declare const Iframe: react__default.FC<IframeProps>;
-
-export { Iframe, type IframeProps };

package/dist/iframe/index.js

@@ -1,17 +0,0 @@
-import { cn } from '@regardio/tailwind/utils';
-import { jsx } from 'react/jsx-runtime';
-
-// src/iframe/iframe.tsx
-var 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
-  }
-);
-
-export { Iframe };

package/dist/link/index.d.ts

@@ -1,55 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { NavLinkProps } from 'react-router';
-
-/**
- * Context for providing a path resolver function.
- * This allows projects to inject their own localization logic.
- */
-type PathResolver = (routeKey: string) => string;
-declare const PathResolverProvider: react.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_runtime.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_runtime.JSX.Element;
-interface MarkdownLinkProps extends Omit<LinkProps, 'to'> {
-    href?: string;
-}
-declare const MarkdownLink: React.FC<MarkdownLinkProps>;
-
-export { Link, LinkBase, type LinkBaseProps, type LinkProps, MarkdownLink, type MarkdownLinkProps, type PathResolver, PathResolverProvider, usePathResolver };

package/dist/link/index.js

@@ -1,195 +0,0 @@
-import { tv } from '@regardio/tailwind/utils';
-import React, { createContext, useContext, useCallback, isValidElement, cloneElement } from 'react';
-import { NavLink } from 'react-router';
-import '@regardio/js/text';
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-// src/link/link.tsx
-var lowerCaseSzett = (text, _returnType) => {
-  const processString = (str) => {
-    const parts = str.split(/(ß)/g);
-    return parts.map(
-      (part, index) => part === "\xDF" ? /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "lowercase",
-          children: part
-        },
-        index.toString()
-      ) : part
-    );
-  };
-  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)
-    });
-  }
-  if (Array.isArray(text)) {
-    return text.map((child, index) => /* @__PURE__ */ jsx(React.Fragment, { children: lowerCaseSzett(child) }, index.toString()));
-  }
-  return text;
-};
-var PathResolverContext = createContext(null);
-var PathResolverProvider = PathResolverContext.Provider;
-function usePathResolver() {
-  return useContext(PathResolverContext);
-}
-var 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
-    }
-  );
-};
-var arrowVariants = {
-  darr: "darr",
-  larr: "larr",
-  rarr: "rarr",
-  uarr: "uarr"
-};
-var linkVariants = {
-  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"]
-};
-var link = tv({
-  base: [],
-  defaultVariants: {
-    variant: "primary"
-  },
-  variants: {
-    arrow: arrowVariants,
-    variant: linkVariants
-  }
-});
-var 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)
-    }
-  );
-};
-var MarkdownLink = ({ children, href, ...props }) => {
-  if (href) {
-    return /* @__PURE__ */ jsx(
-      Link,
-      {
-        to: href,
-        ...props,
-        children
-      }
-    );
-  }
-  return null;
-};
-
-export { Link, LinkBase, MarkdownLink, PathResolverProvider, usePathResolver };

package/dist/list/index.d.ts

@@ -1,69 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentPropsWithoutRef, ReactNode, ForwardedRef } from 'react';
-
-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_runtime.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>;
-}
-
-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;
-}
-
-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_runtime.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 {
-  export { ListItem as Item, ListRoot as Root };
-}
-
-export { index_parts as List, type ListItemProps, type ListRootContextValue, type ListRootProps };

package/dist/list/index.js

@@ -1,65 +0,0 @@
-import { createContext, forwardRef, useMemo, useContext } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/list/index.parts.ts
-var index_parts_exports = {};
-__export(index_parts_exports, {
-  Item: () => ListItem,
-  Root: () => ListRoot
-});
-var ListRootContext = createContext(void 0);
-function useListRootContext() {
-  return useContext(ListRootContext);
-}
-function ListItemImpl(props, ref) {
-  const context = useListRootContext();
-  const { render, children, className, ...elementProps } = props;
-  const resolvedElement = render ?? context?.defaultItemElement ?? "li";
-  const resolvedClassName = context?.defaultItemClassName ? className ? `${context.defaultItemClassName} ${className}` : context.defaultItemClassName : className;
-  const Component = resolvedElement;
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      className: resolvedClassName,
-      ref,
-      ...elementProps,
-      children
-    }
-  );
-}
-var ListItem = forwardRef(ListItemImpl);
-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
-    }
-  ) });
-}
-var ListRoot = forwardRef(ListRootImpl);
-
-export { index_parts_exports as List };

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

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

package/dist/markdown-container/index.js

@@ -1,128 +0,0 @@
-import { MDXProvider } from '@mdx-js/react';
-import { cn } from '@regardio/tailwind/utils';
-import Markdown from 'markdown-to-jsx';
-import { typographicQuotes, replaceShyInString } from '@regardio/js/text';
-import React, { isValidElement, cloneElement } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-// src/markdown-container/markdown-container.tsx
-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)
-    });
-  }
-  if (Array.isArray(node)) {
-    return node.map((child, index) => /* @__PURE__ */ jsx(React.Fragment, { children: replaceShyInReactNode(child) }, index.toString()));
-  }
-  return node;
-}
-function shy(input) {
-  if (input === null) {
-    return null;
-  }
-  if (typeof input === "string") {
-    return replaceShyInString(input);
-  }
-  return replaceShyInReactNode(input);
-}
-function replaceSpecialChars(text, locale) {
-  return shy(typographicQuotes(text, locale));
-}
-var doubleNewlineRegex = /\n\n+/;
-function processTextOutsideMDXComponents(text, locale) {
-  const mdxTagRegex = /(<\/?[A-Za-z][^>]*>)/g;
-  return text.split(mdxTagRegex).map((part) => mdxTagRegex.test(part) ? part : replaceSpecialChars(part, locale)).join("");
-}
-function transformLink(to) {
-  const targetDomainSubstring = "regard";
-  if (typeof to === "string") {
-    try {
-      const url = new URL(to);
-      if (url.hostname.includes(targetDomainSubstring)) {
-        return url.pathname + (url.search ?? "") + (url.hash ?? "");
-      }
-      return to;
-    } catch {
-      return to;
-    }
-  } else if (to?.pathname) {
-    return to.pathname + (to.search ?? "") + (to.hash ?? "");
-  }
-  return "";
-}
-var truncateText = (text, maxSentences, maxCharacters, maxParagraphs) => {
-  if (maxSentences === void 0 && maxCharacters === void 0 && maxParagraphs === void 0) {
-    return text;
-  }
-  const paragraphs = text.split(doubleNewlineRegex);
-  let truncatedText = "";
-  let charCount = 0;
-  let sentenceCount = 0;
-  let paragraphCount = 0;
-  for (const paragraph of paragraphs) {
-    if (maxParagraphs !== void 0 && paragraphCount >= maxParagraphs) {
-      break;
-    }
-    const sentenceRegex = /(?<!\.\.\.)(?<!\b\w\.)\.(?:\s+|\n+)/g;
-    const parts = paragraph.split(sentenceRegex);
-    const delimiters = paragraph.match(sentenceRegex) || [];
-    for (let i = 0; i < parts.length; i++) {
-      const part = parts[i];
-      const delimiter = delimiters[i] || "";
-      if (part !== void 0) {
-        if ((maxSentences === void 0 || sentenceCount < maxSentences) && (maxCharacters === void 0 || charCount + part.length + delimiter.length <= maxCharacters)) {
-          truncatedText += part + delimiter;
-          charCount += part.length + delimiter.length;
-          if (delimiter.includes(".")) {
-            sentenceCount++;
-          }
-        } else {
-          break;
-        }
-      }
-    }
-    paragraphCount++;
-    if (maxSentences !== void 0 && sentenceCount >= maxSentences || maxCharacters !== void 0 && charCount >= maxCharacters) {
-      break;
-    }
-    if (paragraphCount < paragraphs.length) {
-      truncatedText += "\n\n";
-    }
-  }
-  return truncatedText.trim();
-};
-var MarkdownContainer = (props) => {
-  const rawText = props.children?.toString() || "";
-  let processedText = processTextOutsideMDXComponents(rawText, props.locale);
-  const shouldTruncate = Number.isInteger(props.sentences) || Number.isInteger(props.characters) || Number.isInteger(props.paragraphs);
-  if (shouldTruncate) {
-    processedText = truncateText(
-      processedText,
-      props.sentences,
-      props.characters,
-      props.paragraphs
-    );
-  }
-  return /* @__PURE__ */ jsx(MDXProvider, { components: props.mdxComponents, children: /* @__PURE__ */ jsx(
-    Markdown,
-    {
-      className: cn("markdown", props.className),
-      options: {
-        disableParsingRawHTML: false,
-        forceWrapper: true,
-        tagfilter: false,
-        ...props.markdownOverrides ? { overrides: props.markdownOverrides } : {}
-      },
-      children: processedText
-    }
-  ) });
-};
-
-export { MarkdownContainer, transformLink };

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

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Input } from '@base-ui/react/input';
-
-interface InputProps extends React.ComponentPropsWithoutRef<typeof Input> {
-}
-interface PasswordInputProps extends InputProps {
-    className?: string;
-}
-declare const PasswordInput: ({ className, ...props }: PasswordInputProps) => react_jsx_runtime.JSX.Element;
-
-export { type InputProps, PasswordInput, type PasswordInputProps };

package/dist/password-input/index.js

@@ -1,46 +0,0 @@
-import { Button } from '@base-ui/react/button';
-import { Input } from '@base-ui/react/input';
-import { cn } from '@regardio/tailwind/utils';
-import { useState } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/password-input/password-input.tsx
-var PasswordInput = ({ className, ...props }) => {
-  const [showPassword, setShowPassword] = useState(false);
-  const togglePasswordVisibility = () => {
-    setShowPassword(!showPassword);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        autoComplete: "off",
-        className: cn(className),
-        type: showPassword ? "text" : "password",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        className: cn(
-          "absolute",
-          "right-[14px]",
-          "top-[35px]",
-          "flex",
-          "h-6",
-          "w-[20px]",
-          "cursor-pointer",
-          "flex-col",
-          "items-end",
-          "justify-center",
-          "text-gray-500"
-        ),
-        onClick: togglePasswordVisibility,
-        children: showPassword ? "Off" : "On"
-      }
-    )
-  ] });
-};
-
-export { PasswordInput };