@regardio/react 0.5.7 → 0.7.0

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 };

package/dist/picture/index.d.ts

@@ -1,38 +0,0 @@
-import react__default from 'react';
-
-declare const screenSizeVariants: {
-    readonly lg: 1280;
-    readonly max: 1920;
-    readonly md: 960;
-    readonly min: 360;
-    readonly sm: 640;
-    readonly xl: 1600;
-    readonly xs: 480;
-};
-type ImageFormat = {
-    size: string;
-    width: number;
-};
-interface PictureProps {
-    alt: string;
-    baseUrl: string;
-    className?: string;
-    formats?: ImageFormat[];
-    imgClassName?: string;
-    placeholder?: string;
-    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
- */
-declare const Picture: react__default.FC<PictureProps>;
-
-export { type ImageFormat, Picture, type PictureProps, screenSizeVariants };

package/dist/picture/index.js

@@ -1,68 +0,0 @@
-import { cn } from '@regardio/tailwind/utils';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/picture/picture.tsx
-var screenSizeVariants = {
-  lg: 1280,
-  max: 1920,
-  md: 960,
-  min: 360,
-  sm: 640,
-  xl: 1600,
-  xs: 480
-};
-var Picture = ({
-  alt,
-  baseUrl,
-  className,
-  formats,
-  imgClassName,
-  placeholder = "{format}",
-  sizes = "(max-width: 480px) 480px, (max-width: 768px) 600px, (max-width: 1200px) 1024px, 1920px"
-}) => {
-  const imageFormats = formats || [
-    { size: "480x360", width: 480 },
-    { size: "600x600", width: 600 },
-    { size: "1024x768", width: 1024 },
-    { size: "1920x1440", width: 1920 }
-  ];
-  if (imageFormats.length === 0) {
-    return null;
-  }
-  const isSimpleImage = imageFormats.length === 1 && imageFormats[0]?.size === "" || !baseUrl.includes(placeholder);
-  if (isSimpleImage) {
-    return /* @__PURE__ */ jsx(
-      "img",
-      {
-        alt,
-        className: cn(className, imgClassName),
-        src: baseUrl
-      }
-    );
-  }
-  const srcSet = imageFormats.map(({ size, width }) => {
-    const url = baseUrl.replace(placeholder, size);
-    return `${url} ${width}w`;
-  }).join(", ");
-  const defaultFormat = imageFormats[0];
-  const defaultSrc = defaultFormat ? baseUrl.replace(placeholder, defaultFormat.size) : baseUrl;
-  return /* @__PURE__ */ jsxs("picture", { className, children: [
-    /* @__PURE__ */ jsx(
-      "source",
-      {
-        sizes,
-        srcSet
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "img",
-      {
-        alt,
-        className: cn(imgClassName),
-        src: defaultSrc
-      }
-    )
-  ] });
-};
-
-export { Picture, screenSizeVariants };

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

@@ -1,20 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface ProtectedEmailProps {
-    username: string;
-    domain: string;
-    text?: string;
-    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
- */
-declare function ProtectedEmail({ username, domain, text, className }: ProtectedEmailProps): react_jsx_runtime.JSX.Element;
-
-export { ProtectedEmail, type ProtectedEmailProps };

package/dist/protected-email/index.js

@@ -1,30 +0,0 @@
-import { useState, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-// src/protected-email/protected-email.tsx
-function ProtectedEmail({ username, domain, text, className }) {
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  const fallbackText = text || `${username}(at)${domain}`;
-  const handleClick = (e) => {
-    if (mounted) {
-      window.location.href = `mailto:${username}@${domain}`;
-      e.preventDefault();
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    "a",
-    {
-      "aria-label": `Email address: ${username} at ${domain}`,
-      className,
-      "data-email-protected": "true",
-      href: mounted ? "#email-protected" : void 0,
-      onClick: handleClick,
-      children: fallbackText
-    }
-  );
-}
-
-export { ProtectedEmail };

package/dist/text/index.d.ts

@@ -1,20 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-
-declare const themeColorVariants: {
-    readonly primary: readonly [];
-};
-declare const textVariants: {
-    readonly code: readonly ["font-light", "font-monospace"];
-    readonly primary: readonly [];
-    readonly subtitle: readonly ["text-lg"];
-};
-type TextThemeColor = keyof typeof themeColorVariants;
-type TextVariant = keyof typeof textVariants;
-interface TextProps extends ComponentProps<'p'> {
-    themeColor?: TextThemeColor;
-    variant?: TextVariant;
-}
-declare const Text: ({ children, className, variant, themeColor }: TextProps) => react_jsx_runtime.JSX.Element;
-
-export { Text, type TextProps };

package/dist/text/index.js

@@ -1,38 +0,0 @@
-import { tv } from '@regardio/tailwind/utils';
-import { jsx } from 'react/jsx-runtime';
-
-// src/text/text.tsx
-var themeColorVariants = {
-  primary: []
-};
-var textVariants = {
-  code: ["font-light", "font-monospace"],
-  primary: [],
-  subtitle: ["text-lg"]
-};
-var text = tv({
-  base: ["relative", "block"],
-  defaultVariants: {
-    themeColor: "primary",
-    variant: "primary"
-  },
-  variants: {
-    themeColor: themeColorVariants,
-    variant: textVariants
-  }
-});
-var Text = ({ children, className, variant, themeColor }) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: text({
-        className,
-        themeColor,
-        variant
-      }),
-      children
-    }
-  );
-};
-
-export { Text };

package/dist/utils/author/index.d.ts

@@ -1,3 +0,0 @@
-declare function generateLinkFromAuthorString(input: string): React.ReactNode;
-
-export { generateLinkFromAuthorString };

package/dist/utils/author/index.js

@@ -1,33 +0,0 @@
-import { parseAuthorString } from '@regardio/js/text';
-import { jsx } from 'react/jsx-runtime';
-
-// src/utils/author/author.tsx
-function generateLinkFromAuthorString(input) {
-  const match = parseAuthorString(input);
-  if (match.name) {
-    if (match.email) {
-      return /* @__PURE__ */ jsx(
-        "a",
-        {
-          className: "u-email p-name",
-          href: `mailto:${match.email}`,
-          children: match.name
-        }
-      );
-    }
-    if (match.url && (match.url.startsWith("/") || match.url.startsWith("http"))) {
-      return /* @__PURE__ */ jsx(
-        "a",
-        {
-          className: "u-url p-name",
-          href: match.url,
-          children: match.name
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx("span", { className: "p-name", children: match.name });
-  }
-  return;
-}
-
-export { generateLinkFromAuthorString };

package/dist/utils/text/index.js

@@ -1,73 +0,0 @@
-import { replaceShyInString, typographicQuotes, splitIntoSentences } from '@regardio/js/text';
-import React, { isValidElement, cloneElement } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/utils/text/text.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;
-};
-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));
-}
-function wrapSentences(text) {
-  const sentences = splitIntoSentences(text);
-  return sentences.map((sentence, index) => /* @__PURE__ */ jsxs("span", { children: [
-    sentence,
-    " "
-  ] }, index.toString()));
-}
-
-export { lowerCaseSzett, replaceSpecialChars, shy, wrapSentences };