@regardio/react 0.5.7 → 0.7.0

package/dist/slider/index.mjs

@@ -0,0 +1,133 @@
+import { tv } from "@regardio/tailwind/utils";
+import { jsx } from "react/jsx-runtime";
+import { Slider as Slider$1 } from "@base-ui/react/slider";
+
+//#region src/slider/slider.tsx
+const sliderRoot = tv({
+	base: [
+		"relative",
+		"flex",
+		"items-center",
+		"w-full"
+	],
+	defaultVariants: { size: "md" },
+	variants: { size: {
+		lg: ["h-8"],
+		md: ["h-6"],
+		sm: ["h-4"]
+	} }
+});
+const sliderControl = tv({ base: [
+	"relative",
+	"flex",
+	"items-center",
+	"w-full",
+	"touch-none"
+] });
+const sliderTrack = tv({
+	base: [
+		"relative",
+		"w-full",
+		"rounded-full",
+		"bg-gray-200",
+		"overflow-hidden"
+	],
+	defaultVariants: { size: "md" },
+	variants: { size: {
+		lg: ["h-3"],
+		md: ["h-2"],
+		sm: ["h-1"]
+	} }
+});
+const sliderIndicator = tv({ base: [
+	"absolute",
+	"h-full",
+	"bg-blue-600",
+	"rounded-full"
+] });
+const sliderThumb = tv({
+	base: [
+		"block",
+		"rounded-full",
+		"bg-white",
+		"border-2",
+		"border-blue-600",
+		"shadow-lg",
+		"focus:outline-none",
+		"focus:ring-2",
+		"focus:ring-blue-500",
+		"focus:ring-offset-2",
+		"disabled:cursor-not-allowed",
+		"disabled:opacity-50",
+		"cursor-grab",
+		"active:cursor-grabbing"
+	],
+	defaultVariants: { size: "md" },
+	variants: { size: {
+		lg: ["h-6", "w-6"],
+		md: ["h-5", "w-5"],
+		sm: ["h-3", "w-3"]
+	} }
+});
+const sliderValue = tv({ base: [
+	"text-sm",
+	"font-medium",
+	"text-gray-700",
+	"mb-2"
+] });
+const SliderRoot = ({ className, size = "md", ...props }) => {
+	return /* @__PURE__ */ jsx(Slider$1.Root, {
+		className: sliderRoot({
+			className,
+			size
+		}),
+		...props
+	});
+};
+const SliderControl = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Slider$1.Control, {
+		className: sliderControl({ className }),
+		...props
+	});
+};
+const SliderTrack = ({ className, size = "md", ...props }) => {
+	return /* @__PURE__ */ jsx(Slider$1.Track, {
+		className: sliderTrack({
+			className,
+			size
+		}),
+		...props
+	});
+};
+const SliderIndicator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Slider$1.Indicator, {
+		className: sliderIndicator({ className }),
+		...props
+	});
+};
+const SliderThumb = ({ className, size = "md", ...props }) => {
+	return /* @__PURE__ */ jsx(Slider$1.Thumb, {
+		className: sliderThumb({
+			className,
+			size
+		}),
+		...props
+	});
+};
+const SliderValue = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Slider$1.Value, {
+		className: sliderValue({ className }),
+		...props
+	});
+};
+const Slider = {
+	Control: SliderControl,
+	Indicator: SliderIndicator,
+	Root: SliderRoot,
+	Thumb: SliderThumb,
+	Track: SliderTrack,
+	Value: SliderValue
+};
+
+//#endregion
+export { Slider, SliderControl, SliderIndicator, SliderRoot, SliderThumb, SliderTrack, SliderValue };

package/dist/switch/index.d.mts

@@ -0,0 +1,29 @@
+import { ComponentProps } from "react";
+import { Switch as Switch$1 } from "@base-ui/react/switch";
+
+//#region src/switch/switch.d.ts
+type SwitchSize = "sm" | "md" | "lg";
+interface SwitchRootProps extends Omit<ComponentProps<typeof Switch$1.Root>, "className"> {
+  className?: string;
+  size?: SwitchSize;
+}
+interface SwitchThumbProps extends Omit<ComponentProps<typeof Switch$1.Thumb>, "className"> {
+  className?: string;
+  size?: SwitchSize;
+}
+declare const SwitchRoot: ({
+  className,
+  size,
+  ...props
+}: SwitchRootProps) => React.JSX.Element;
+declare const SwitchThumb: ({
+  className,
+  size,
+  ...props
+}: SwitchThumbProps) => React.JSX.Element;
+declare const Switch: {
+  Root: typeof SwitchRoot;
+  Thumb: typeof SwitchThumb;
+};
+//#endregion
+export { Switch, SwitchRoot, type SwitchRootProps, type SwitchSize, SwitchThumb, type SwitchThumbProps };

package/dist/switch/index.mjs

@@ -0,0 +1,87 @@
+import { tv } from "@regardio/tailwind/utils";
+import { jsx } from "react/jsx-runtime";
+import { Switch as Switch$1 } from "@base-ui/react/switch";
+
+//#region src/switch/switch.tsx
+const switchRoot = tv({
+	base: [
+		"relative",
+		"inline-flex",
+		"items-center",
+		"rounded-full",
+		"transition-colors",
+		"duration-200",
+		"focus:outline-none",
+		"focus:ring-2",
+		"focus:ring-blue-500",
+		"focus:ring-offset-2",
+		"disabled:cursor-not-allowed",
+		"disabled:opacity-50",
+		"cursor-pointer",
+		"bg-gray-300",
+		"data-[checked]:bg-blue-600"
+	],
+	defaultVariants: { size: "md" },
+	variants: { size: {
+		lg: ["h-8", "w-14"],
+		md: ["h-6", "w-11"],
+		sm: ["h-4", "w-7"]
+	} }
+});
+const switchThumb = tv({
+	base: [
+		"pointer-events-none",
+		"inline-block",
+		"rounded-full",
+		"bg-white",
+		"shadow-lg",
+		"ring-0",
+		"transition-transform",
+		"duration-200",
+		"translate-x-0",
+		"data-[checked]:translate-x-full"
+	],
+	defaultVariants: { size: "md" },
+	variants: { size: {
+		lg: [
+			"h-6",
+			"w-6",
+			"data-[checked]:translate-x-6"
+		],
+		md: [
+			"h-5",
+			"w-5",
+			"data-[checked]:translate-x-5"
+		],
+		sm: [
+			"h-3",
+			"w-3",
+			"data-[checked]:translate-x-3"
+		]
+	} }
+});
+const SwitchRoot = ({ className, size = "md", ...props }) => {
+	return /* @__PURE__ */ jsx(Switch$1.Root, {
+		className: switchRoot({
+			className,
+			size
+		}),
+		...props
+	});
+};
+const SwitchThumb = ({ className, size = "md", ...props }) => {
+	return /* @__PURE__ */ jsx(Switch$1.Thumb, {
+		className: switchThumb({
+			className,
+			size
+		}),
+		...props
+	});
+};
+const Switch = {
+	Root: SwitchRoot,
+	Thumb: SwitchThumb
+};
+
+//#endregion
+export { Switch, SwitchRoot, SwitchThumb };

package/dist/text/index.d.mts

@@ -0,0 +1,25 @@
+import { ComponentProps } from "react";
+
+//#region src/text/text.d.ts
+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.Element;
+//#endregion
+export { Text, type TextProps };

package/dist/text/index.mjs

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

package/dist/text-EQC4zJbE.mjs

@@ -0,0 +1,52 @@
+import { Fragment, cloneElement, isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { replaceShyInString, splitIntoSentences, typographicQuotes } from "@regardio/js/text";
+
+//#region src/utils/text/text.tsx
+const lowerCaseSzett = (text, _returnType) => {
+	const processString = (str) => {
+		return str.split(/(ß)/g).map((part, index) => part === "ß" ? /* @__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 } = element.props;
+		return cloneElement(element, element.props, lowerCaseSzett(children));
+	}
+	if (Array.isArray(text)) return text.map((child, index) => /* @__PURE__ */ jsx(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 } = element.props;
+		return cloneElement(element, element.props, replaceShyInReactNode(children));
+	}
+	if (Array.isArray(node)) return node.map((child, index) => /* @__PURE__ */ jsx(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);
+}
+/**
+* Replace special characters in text: typographic quotes and soft hyphens.
+* This is a React-aware version that handles ReactNode trees.
+*/
+function replaceSpecialChars(text, locale) {
+	return shy(typographicQuotes(text, locale));
+}
+/**
+* Wrap sentences in span elements
+*/
+function wrapSentences(text) {
+	return splitIntoSentences(text).map((sentence, index) => /* @__PURE__ */ jsxs("span", { children: [sentence, " "] }, index.toString()));
+}
+
+//#endregion
+export { wrapSentences as i, replaceSpecialChars as n, shy as r, lowerCaseSzett as t };

package/dist/toggle/index.d.mts

@@ -0,0 +1,25 @@
+import { ComponentProps, ReactNode } from "react";
+import { tv } from "@regardio/tailwind/utils";
+import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
+
+//#region src/toggle/toggle.d.ts
+declare const toggle: ReturnType<typeof tv>;
+type ToggleVariant = keyof typeof toggle.variants.variant;
+type ToggleSize = keyof typeof toggle.variants.size;
+interface ToggleProps extends Omit<ComponentProps<typeof Toggle$1>, "className"> {
+  className?: string;
+  variant?: ToggleVariant;
+  size?: ToggleSize;
+  children?: ReactNode;
+  title?: string;
+}
+declare const Toggle: ({
+  className,
+  variant,
+  size,
+  title,
+  children,
+  ...props
+}: ToggleProps) => React.JSX.Element;
+//#endregion
+export { Toggle, type ToggleProps, type ToggleSize, type ToggleVariant };

package/dist/toggle/index.mjs

@@ -0,0 +1,82 @@
+import { tv } from "@regardio/tailwind/utils";
+import { jsx } from "react/jsx-runtime";
+import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
+
+//#region src/toggle/toggle.tsx
+const toggle = tv({
+	base: [
+		"inline-flex",
+		"items-center",
+		"justify-center",
+		"rounded-md",
+		"text-sm",
+		"font-medium",
+		"transition-colors",
+		"duration-200",
+		"focus:outline-none",
+		"focus:ring-2",
+		"focus:ring-blue-500",
+		"focus:ring-offset-2",
+		"disabled:pointer-events-none",
+		"disabled:opacity-50"
+	],
+	defaultVariants: {
+		size: "md",
+		variant: "outline"
+	},
+	variants: {
+		size: {
+			lg: [
+				"h-12",
+				"w-12",
+				"p-3"
+			],
+			md: [
+				"h-10",
+				"w-10",
+				"p-2"
+			],
+			sm: [
+				"h-8",
+				"w-8",
+				"p-1"
+			]
+		},
+		variant: {
+			default: [],
+			ghost: [
+				"bg-transparent",
+				"text-gray-700",
+				"hover:bg-gray-100",
+				"hover:text-gray-900",
+				"data-[pressed]:bg-gray-200",
+				"data-[pressed]:text-gray-900"
+			],
+			outline: [
+				"border",
+				"border-gray-300",
+				"bg-white",
+				"text-gray-700",
+				"hover:bg-gray-50",
+				"hover:text-gray-900",
+				"data-[pressed]:bg-gray-100",
+				"data-[pressed]:text-gray-900"
+			]
+		}
+	}
+});
+const Toggle = ({ className, variant = "outline", size = "md", title, children, ...props }) => {
+	return /* @__PURE__ */ jsx(Toggle$1, {
+		className: toggle({
+			className,
+			size,
+			variant
+		}),
+		title,
+		...props,
+		children
+	});
+};
+
+//#endregion
+export { Toggle };

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

@@ -0,0 +1,4 @@
+//#region src/utils/author/author.d.ts
+declare function generateLinkFromAuthorString(input: string): React.ReactNode;
+//#endregion
+export { generateLinkFromAuthorString };

package/dist/utils/author/index.mjs

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { parseAuthorString } from "@regardio/js/text";
+
+//#region 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
+		});
+	}
+}
+
+//#endregion
+export { generateLinkFromAuthorString };

package/dist/utils/text/{index.d.ts → index.d.mts}

@@ -1,15 +1,16 @@
-import { ReactNode } from 'react';
+import { ReactNode } from "react";
 
+//#region src/utils/text/text.d.ts
 declare const lowerCaseSzett: (text: ReactNode | string, _returnType?: "string") => ReactNode;
 declare function shy(input: string | ReactNode | null): string | ReactNode | null;
 /**
- * Replace special characters in text: typographic quotes and soft hyphens.
- * This is a React-aware version that handles ReactNode trees.
- */
+* Replace special characters in text: typographic quotes and soft hyphens.
+* This is a React-aware version that handles ReactNode trees.
+*/
 declare function replaceSpecialChars(text: string, locale: string): string | ReactNode | null;
 /**
- * Wrap sentences in span elements
- */
+* Wrap sentences in span elements
+*/
 declare function wrapSentences(text: string): ReactNode;
-
-export { lowerCaseSzett, replaceSpecialChars, shy, wrapSentences };
+//#endregion
+export { lowerCaseSzett, replaceSpecialChars, shy, wrapSentences };

package/dist/utils/text/index.mjs

@@ -0,0 +1,3 @@
+import { i as wrapSentences, n as replaceSpecialChars, r as shy, t as lowerCaseSzett } from "../../text-EQC4zJbE.mjs";
+
+export { lowerCaseSzett, replaceSpecialChars, shy, wrapSentences };