@regardio/react 0.3.3 → 0.4.0

package/dist/components/heading.d.ts

@@ -1,24 +1,27 @@
-import type { ElementType, HTMLAttributes } from 'react';
-import { type VariantProps } from '../utils/cn';
+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?: import("cva").ClassValue;
+    class?: cva.ClassValue;
     className?: never;
 } | {
     class?: never;
-    className?: import("cva").ClassValue;
+    className?: cva.ClassValue;
 })) | undefined) => string;
-export interface HeadingProps extends HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof heading> {
+interface HeadingProps extends HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof heading> {
     as?: ElementType;
     className?: string;
     locale?: string;
 }
-export type HeadingLevel = HeadingProps['level'];
-export declare const Heading: {
-    ({ as, children, className, level, variant, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+type HeadingLevel = HeadingProps['level'];
+declare const Heading: {
+    ({ as, children, className, level, variant, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-export {};
-//# sourceMappingURL=heading.d.ts.map
+
+export { Heading, type HeadingLevel, type HeadingProps };

package/dist/components/heading.js

@@ -1,29 +1,118 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn, cva } from '../utils/cn';
-import { lowerCaseSzett, shy } from '../utils/text';
-const heading = cva({
-    base: [],
-    defaultVariants: {
-        level: 3,
-    },
-    variants: {
-        level: {
-            1: ['text-2xl'],
-            2: ['text-xl'],
-            3: ['text-lg'],
-            4: ['text-md'],
-            5: ['text-sm'],
-            6: ['text-xs'],
+import { defineConfig, cx } from 'cva';
+import { twMerge } from 'fluid-tailwindcss/tailwind-merge';
+import React, { isValidElement, cloneElement } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/utils/cn.ts
+var { cva, compose } = defineConfig({
+  hooks: {
+    onComplete: (className) => {
+      return twMerge(className);
+    }
+  }
+});
+var cn = (...inputs) => twMerge(cx(inputs));
+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
         },
-        variant: {},
+        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 replaceShyInString(input) {
+  return input.replace(/­/g, "\xAD");
+}
+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);
+}
+var heading = cva({
+  base: [],
+  defaultVariants: {
+    level: 3
+  },
+  variants: {
+    level: {
+      1: ["text-2xl"],
+      2: ["text-xl"],
+      3: ["text-lg"],
+      4: ["text-md"],
+      5: ["text-sm"],
+      6: ["text-xs"]
     },
+    variant: {}
+  }
 });
-export const Heading = ({ as, children, className, level = 2, variant, ...props }) => {
-    const word = lowerCaseSzett(shy(children));
-    const Component = as || `h${level}`;
-    return (_jsx(Component, { className: cn(heading({
-            level,
-            variant,
-        }), className), ...props, children: word }));
+var Heading = ({
+  as,
+  children,
+  className,
+  level = 2,
+  variant,
+  ...props
+}) => {
+  const word = lowerCaseSzett(shy(children));
+  const Component = as || `h${level}`;
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: cn(
+        heading({
+          level,
+          variant
+        }),
+        className
+      ),
+      ...props,
+      children: word
+    }
+  );
 };
-Heading.displayName = 'Heading';
+Heading.displayName = "Heading";
+
+export { Heading };

package/dist/components/highlight.d.ts

@@ -1,16 +1,19 @@
-import type { ComponentProps } from 'react';
-import { type VariantProps } from '../utils/cn';
+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?: import("cva").ClassValue;
+    class?: cva.ClassValue;
     className?: never;
 } | {
     class?: never;
-    className?: import("cva").ClassValue;
+    className?: cva.ClassValue;
 })) | undefined) => string;
-export interface HighlightProps extends ComponentProps<'mark'>, VariantProps<typeof li> {
+interface HighlightProps extends ComponentProps<'mark'>, VariantProps<typeof li> {
 }
-export declare const Highlight: (props: HighlightProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=highlight.d.ts.map
+declare const Highlight: (props: HighlightProps) => react_jsx_runtime.JSX.Element;
+
+export { Highlight, type HighlightProps };

package/dist/components/highlight.js

@@ -1,19 +1,67 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cva } from '../utils/cn';
-const li = cva({
-    defaultVariants: {
-        variant: 'primary',
-    },
-    variants: {
-        variant: {
-            primary: ['highlight'],
-        },
-    },
+import { defineConfig } from 'cva';
+import { twMerge } from 'fluid-tailwindcss/tailwind-merge';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/utils/cn.ts
+var { cva, compose } = defineConfig({
+  hooks: {
+    onComplete: (className) => {
+      return twMerge(className);
+    }
+  }
 });
-export const Highlight = (props) => {
-    const { children, className, variant } = props;
-    return (_jsxs("mark", { className: li({
-            className,
-            variant,
-        }), children: [children, _jsx("svg", { "aria-label": "!", role: "img", children: _jsx("defs", { children: _jsxs("filter", { children: [_jsx("feTurbulence", { baseFrequency: "0 0.2", numOctaves: "5", result: "warp", type: "fractalNoise" }), _jsx("feDisplacementMap", { in: "SourceGraphic", in2: "warp", scale: "30", xChannelSelector: "R", yChannelSelector: "G" })] }) }) })] }));
+var li = cva({
+  defaultVariants: {
+    variant: "primary"
+  },
+  variants: {
+    variant: {
+      primary: ["highlight"]
+    }
+  }
+});
+var Highlight = (props) => {
+  const { children, className, variant } = props;
+  return /* @__PURE__ */ jsxs(
+    "mark",
+    {
+      className: li({
+        className,
+        variant
+      }),
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            "aria-label": "!",
+            role: "img",
+            children: /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", { children: [
+              /* @__PURE__ */ jsx(
+                "feTurbulence",
+                {
+                  baseFrequency: "0 0.2",
+                  numOctaves: "5",
+                  result: "warp",
+                  type: "fractalNoise"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "feDisplacementMap",
+                {
+                  in: "SourceGraphic",
+                  in2: "warp",
+                  scale: "30",
+                  xChannelSelector: "R",
+                  yChannelSelector: "G"
+                }
+              )
+            ] }) })
+          }
+        )
+      ]
+    }
+  );
 };
+
+export { Highlight };

package/dist/components/icon-button.d.ts

@@ -1,6 +1,9 @@
-import type { ComponentProps, ReactNode } from 'react';
-export interface IconButtonProps extends ComponentProps<'button'> {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps, ReactNode } from 'react';
+
+interface IconButtonProps extends ComponentProps<'button'> {
     icon: ReactNode;
 }
-export declare const IconButton: (props: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=icon-button.d.ts.map
+declare const IconButton: (props: IconButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { IconButton, type IconButtonProps };

package/dist/components/icon-button.js

@@ -1,6 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const IconButton = (props) => {
-    const { className, icon } = props;
-    const defaultClassName = 'p-0';
-    return (_jsx("button", { className: className ? className : defaultClassName, type: 'button', children: icon }));
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/icon-button.tsx
+var IconButton = (props) => {
+  const { className, icon } = props;
+  const defaultClassName = "p-0";
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: className ? className : defaultClassName,
+      type: "button",
+      children: icon
+    }
+  );
 };
+
+export { IconButton };

package/dist/components/if.d.ts

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

package/dist/components/if.js

@@ -1,16 +1,24 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
-export function If({ condition, children, fallback, }) {
-    return useMemo(() => {
-        if (condition) {
-            if (typeof children === 'function') {
-                return _jsx(_Fragment, { children: children(condition) });
-            }
-            return _jsx(_Fragment, { children: children });
-        }
-        if (fallback) {
-            return _jsx(_Fragment, { children: fallback });
-        }
-        return null;
-    }, [condition, fallback, children]);
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+// src/components/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/components/iframe.d.ts

@@ -1,8 +1,10 @@
-import type React from 'react';
-export type IframeProps = {
+import react__default from 'react';
+
+type IframeProps = {
     src: string;
     title: string;
     className?: string;
 };
-export declare const Iframe: React.FC<IframeProps>;
-//# sourceMappingURL=iframe.d.ts.map
+declare const Iframe: react__default.FC<IframeProps>;
+
+export { Iframe, type IframeProps };

package/dist/components/iframe.js

@@ -1,3 +1,26 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../utils/cn';
-export const Iframe = ({ src, title, className }) => (_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: src, title: title }));
+import { defineConfig, cx } 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 cn = (...inputs) => twMerge(cx(inputs));
+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/components/item.d.ts

@@ -1,15 +1,18 @@
-import type { ComponentProps, ElementType } from 'react';
-import { type VariantProps } from '../utils/cn';
-export declare const priorities: {
+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[];
 };
-export declare const paddingValues: {
+declare const paddingValues: {
     default: string;
     gutter: string;
 };
-export declare const width: {
+declare const width: {
     full: string[];
     lg: string[];
     md: string[];
@@ -17,7 +20,7 @@ export declare const width: {
     xl: string[];
     xs: string[];
 };
-export declare const height: {
+declare const height: {
     1: string[];
     2: string[];
     3: string[];
@@ -25,7 +28,7 @@ export declare const height: {
     5: string[];
     6: string[];
 };
-export declare const themeColors: {
+declare const themeColors: {
     black: never[];
     blue: never[];
     coral: never[];
@@ -49,19 +52,19 @@ declare const item: (props?: ({
     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?: "reset" | "primary" | "spacer" | "unstyled" | undefined;
+    variant?: "primary" | "reset" | "spacer" | "unstyled" | undefined;
     width?: "full" | "lg" | "md" | "sm" | "xl" | "xs" | undefined;
 } & ({
-    class?: import("cva").ClassValue;
+    class?: cva.ClassValue;
     className?: never;
 } | {
     class?: never;
-    className?: import("cva").ClassValue;
+    className?: cva.ClassValue;
 })) | undefined) => string;
-export interface ItemProps extends ComponentProps<'div'>, VariantProps<typeof item> {
+interface ItemProps extends ComponentProps<'div'>, VariantProps<typeof item> {
     as?: ElementType;
     link?: string;
 }
-export declare const Item: ({ as: Component, children, className, height, link, padding, priority, themeColor, variant, width, ...props }: ItemProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=item.d.ts.map
+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 };