@regardio/react 0.4.7 → 0.5.5

package/src/utils/author/author.tsx

@@ -0,0 +1,36 @@
+import { parseAuthorString } from '@regardio/js/text';
+
+export function generateLinkFromAuthorString(input: string): React.ReactNode {
+  const match = parseAuthorString(input);
+
+  if (match.name) {
+    // Generate email link if email is present
+    if (match.email) {
+      return (
+        <a
+          className={'u-email p-name'}
+          href={`mailto:${match.email}`}
+        >
+          {match.name}
+        </a>
+      );
+    }
+
+    // Generate URL link if URL is present (including relative URLs that start with a slash)
+    if (match.url && (match.url.startsWith('/') || match.url.startsWith('http'))) {
+      return (
+        <a
+          className={'u-url p-name'}
+          href={match.url}
+        >
+          {match.name}
+        </a>
+      );
+    }
+
+    // Return plain name with microformat class if only name is present
+    return <span className={'p-name'}>{match.name}</span>;
+  }
+
+  return;
+}

package/src/utils/author/index.ts

@@ -0,0 +1 @@
+export { generateLinkFromAuthorString } from './author';

package/src/utils/text/index.ts

@@ -0,0 +1 @@
+export { lowerCaseSzett, replaceSpecialChars, shy, wrapSentences } from './text';

package/src/utils/text/text.tsx

@@ -0,0 +1,103 @@
+import { replaceShyInString, splitIntoSentences, typographicQuotes } from '@regardio/js/text';
+import React, { cloneElement, isValidElement, type ReactElement, type ReactNode } from 'react';
+
+export const lowerCaseSzett = (text: ReactNode | string, _returnType?: 'string'): ReactNode => {
+  // Helper function to process strings
+  const processString = (str: string): ReactNode | string => {
+    const parts = str.split(/(ß)/g);
+    return parts.map((part, index) =>
+      part === 'ß' ? (
+        <span
+          className="lowercase"
+          key={index.toString()}
+        >
+          {part}
+        </span>
+      ) : (
+        part
+      ),
+    );
+  };
+
+  // Handle strings
+  if (typeof text === 'string') {
+    return processString(text);
+  }
+
+  // Handle valid React elements with correct type assertion
+  if (isValidElement(text)) {
+    const element = text as ReactElement<{ children?: ReactNode }>;
+    const { children, ...props } = element.props;
+
+    return cloneElement(element, {
+      ...props,
+      children: lowerCaseSzett(children),
+    });
+  }
+
+  // Handle arrays
+  if (Array.isArray(text)) {
+    return text.map((child, index) => (
+      <React.Fragment key={index.toString()}>{lowerCaseSzett(child as ReactNode)}</React.Fragment>
+    ));
+  }
+
+  // Return other types as is
+  return text;
+};
+
+// Recursive function to traverse ReactNode and replace &shy; in string nodes
+function replaceShyInReactNode(node: ReactNode): ReactNode {
+  if (typeof node === 'string') {
+    // Replace soft hyphen (&shy;) with an empty string or custom logic
+    return node.replace(/\u00AD/g, '');
+  }
+
+  if (isValidElement(node)) {
+    const element = node as ReactElement<{ children?: ReactNode }>;
+    const { children, ...props } = element.props;
+
+    return cloneElement(element, {
+      ...props,
+      children: replaceShyInReactNode(children),
+    });
+  }
+
+  if (Array.isArray(node)) {
+    return node.map((child, index) => (
+      <React.Fragment key={index.toString()}>
+        {replaceShyInReactNode(child as ReactNode)}
+      </React.Fragment>
+    ));
+  }
+
+  return node;
+}
+
+export function shy(input: string | ReactNode | null): string | ReactNode | null {
+  if (input === null) {
+    return null;
+  }
+
+  if (typeof input === 'string') {
+    return replaceShyInString(input);
+  }
+
+  return replaceShyInReactNode(input);
+}
+
+/**
+ * Replace special characters in text: typographic quotes and soft hyphens.
+ * This is a React-aware version that handles ReactNode trees.
+ */
+export function replaceSpecialChars(text: string, locale: string): string | ReactNode | null {
+  return shy(typographicQuotes(text, locale));
+}
+
+/**
+ * Wrap sentences in span elements
+ */
+export function wrapSentences(text: string): ReactNode {
+  const sentences = splitIntoSentences(text);
+  return sentences.map((sentence, index) => <span key={index.toString()}>{sentence} </span>);
+}

package/dist/components/box.d.ts

@@ -1,20 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as cva from 'cva';
-import { VariantProps } from 'cva';
-import { ComponentProps, ElementType } from 'react';
-
-declare const box: (props?: ({
-    variant?: "grid" | "main" | "primary" | "aside" | "code" | "container" | "flex" | "section" | undefined;
-} & ({
-    class?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-interface BoxProps extends ComponentProps<'div'>, VariantProps<typeof box> {
-    as?: ElementType;
-}
-declare const Box: ({ as: Component, children, className, variant, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
-
-export { Box, type BoxProps };

package/dist/components/box.js

@@ -1,50 +0,0 @@
-import { defineConfig } from 'cva';
-import { twMerge } from 'fluid-tailwindcss/tailwind-merge';
-import { jsx } from 'react/jsx-runtime';
-
-// src/utils/cn.ts
-var { cva, compose } = defineConfig({
-  hooks: {
-    onComplete: (className) => {
-      return twMerge(className);
-    }
-  }
-});
-var box = cva({
-  defaultVariants: {
-    variant: "primary"
-  },
-  variants: {
-    variant: {
-      aside: [],
-      code: ["font-monospace", "overflow-scroll"],
-      container: ["u-container"],
-      flex: ["flex"],
-      grid: ["u-grid"],
-      main: [],
-      primary: [],
-      section: ["u-grid", "content-start"]
-    }
-  }
-});
-var Box = ({
-  as: Component = "div",
-  children,
-  className,
-  variant,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      className: box({
-        className,
-        variant
-      }),
-      ...props,
-      children
-    }
-  );
-};
-
-export { Box };

package/dist/components/definition-list.d.ts

@@ -1,43 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as cva from 'cva';
-import { VariantProps } from 'cva';
-import { ComponentProps } from 'react';
-
-declare const dl: (props?: ({
-    variant?: "primary" | "unstyled" | undefined;
-} & ({
-    class?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-declare const dt: (props?: ({
-    variant?: "primary" | undefined;
-} & ({
-    class?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-declare const dd: (props?: ({
-    variant?: "primary" | undefined;
-} & ({
-    class?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-interface DefinitionListProps extends ComponentProps<'dl'>, VariantProps<typeof dl> {
-}
-interface DtProps extends ComponentProps<'dt'>, VariantProps<typeof dt> {
-}
-interface DdProps extends ComponentProps<'dd'>, VariantProps<typeof dd> {
-}
-declare const DefinitionList: (props: DefinitionListProps) => react_jsx_runtime.JSX.Element;
-declare const Dt: (props: DtProps) => react_jsx_runtime.JSX.Element;
-declare const Dd: (props: DdProps) => react_jsx_runtime.JSX.Element;
-
-export { Dd, type DdProps, DefinitionList, type DefinitionListProps, Dt, type DtProps };

package/dist/components/definition-list.js

@@ -1,89 +0,0 @@
-import { defineConfig } from 'cva';
-import { twMerge } from 'fluid-tailwindcss/tailwind-merge';
-import { jsx } from 'react/jsx-runtime';
-
-// src/utils/cn.ts
-var { cva, compose } = defineConfig({
-  hooks: {
-    onComplete: (className) => {
-      return twMerge(className);
-    }
-  }
-});
-var dl = cva({
-  base: ["grid"],
-  defaultVariants: {
-    variant: "primary"
-  },
-  variants: {
-    variant: {
-      primary: ["grid-cols-[auto,1fr]", "gap-x-s", "gap-y-2xs"],
-      // Two-column grid with gap
-      unstyled: ["list-none", "p-0", "grid-cols-1"]
-      // Unstyled, single column
-    }
-  }
-});
-var dt = cva({
-  base: [],
-  defaultVariants: {
-    variant: "primary"
-  },
-  variants: {
-    variant: {
-      primary: ["uppercase", "tracking-wide"]
-    }
-  }
-});
-var dd = cva({
-  base: ["mb-xs"],
-  defaultVariants: {
-    variant: "primary"
-  },
-  variants: {
-    variant: {
-      primary: []
-    }
-  }
-});
-var DefinitionList = (props) => {
-  const { children, className, variant } = props;
-  return /* @__PURE__ */ jsx(
-    "dl",
-    {
-      className: dl({
-        className,
-        variant
-      }),
-      children
-    }
-  );
-};
-var Dt = (props) => {
-  const { children, className, variant } = props;
-  return /* @__PURE__ */ jsx(
-    "dt",
-    {
-      className: dt({
-        className,
-        variant
-      }),
-      children
-    }
-  );
-};
-var Dd = (props) => {
-  const { children, className, variant } = props;
-  return /* @__PURE__ */ jsx(
-    "dd",
-    {
-      className: dd({
-        className,
-        variant
-      }),
-      children
-    }
-  );
-};
-
-export { Dd, DefinitionList, Dt };

package/dist/components/heading.d.ts

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as cva from 'cva';
-import { VariantProps } from 'cva';
-import { HTMLAttributes, ElementType } from 'react';
-
-declare const heading: (props?: ({
-    level?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
-    variant?: undefined;
-} & ({
-    class?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-interface HeadingProps extends HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof heading> {
-    as?: ElementType;
-    className?: string;
-    locale?: string;
-}
-type HeadingLevel = HeadingProps['level'];
-declare const Heading: {
-    ({ as, children, className, level, variant, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-export { Heading, type HeadingLevel, type HeadingProps };

package/dist/components/highlight.d.ts

@@ -1,19 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as cva from 'cva';
-import { VariantProps } from 'cva';
-import { ComponentProps } from 'react';
-
-declare const li: (props?: ({
-    variant?: "primary" | undefined;
-} & ({
-    class?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-interface HighlightProps extends ComponentProps<'mark'>, VariantProps<typeof li> {
-}
-declare const Highlight: (props: HighlightProps) => react_jsx_runtime.JSX.Element;
-
-export { Highlight, type HighlightProps };

package/dist/components/item.d.ts

@@ -1,70 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as cva from 'cva';
-import { VariantProps } from 'cva';
-import { ComponentProps, ElementType } from 'react';
-
-declare const priorities: {
-    high: never[];
-    low: never[];
-    medium: never[];
-};
-declare const paddingValues: {
-    default: string;
-    gutter: string;
-};
-declare const width: {
-    full: string[];
-    lg: string[];
-    md: string[];
-    sm: string[];
-    xl: string[];
-    xs: string[];
-};
-declare const height: {
-    1: string[];
-    2: string[];
-    3: string[];
-    4: string[];
-    5: string[];
-    6: string[];
-};
-declare const themeColors: {
-    black: never[];
-    blue: never[];
-    coral: never[];
-    cyan: never[];
-    gray: never[];
-    green: never[];
-    lime: never[];
-    neutral: never[];
-    olive: never[];
-    orange: never[];
-    pink: never[];
-    purple: never[];
-    red: never[];
-    teal: never[];
-    unstyled: never[];
-    white: never[];
-    yellow: never[];
-};
-declare const item: (props?: ({
-    height?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
-    padding?: "default" | "gutter" | undefined;
-    priority?: "high" | "low" | "medium" | undefined;
-    themeColor?: "black" | "blue" | "coral" | "cyan" | "gray" | "green" | "lime" | "olive" | "orange" | "pink" | "purple" | "red" | "teal" | "white" | "yellow" | "unstyled" | "neutral" | undefined;
-    variant?: "primary" | "reset" | "spacer" | "unstyled" | undefined;
-    width?: "full" | "lg" | "md" | "sm" | "xl" | "xs" | undefined;
-} & ({
-    class?: cva.ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: cva.ClassValue;
-})) | undefined) => string;
-interface ItemProps extends ComponentProps<'div'>, VariantProps<typeof item> {
-    as?: ElementType;
-    link?: string;
-}
-declare const Item: ({ as: Component, children, className, height, link, padding, priority, themeColor, variant, width, ...props }: ItemProps) => react_jsx_runtime.JSX.Element;
-
-export { Item, type ItemProps, height, paddingValues, priorities, themeColors, width };