erp-pro-ui 0.1.0 → 0.1.2

package/dist/chunks/tooltip-nkIqViGk.cjs

@@ -0,0 +1,205 @@
+require("./chunk-B_GkZjkl.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let framer_motion = require("framer-motion");
+//#region src/components/overlays/tooltip/Tooltip.tsx
+var positionStyles = {
+	top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+	bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+	left: "right-full top-1/2 -translate-y-1/2 mr-2",
+	right: "left-full top-1/2 -translate-y-1/2 ml-2"
+};
+var arrowStyles = {
+	top: "top-full left-1/2 -translate-x-1/2 border-t-neutral-800 dark:border-t-neutral-700 border-x-transparent border-b-transparent border-t-[6px] border-x-[6px] border-b-0",
+	bottom: "bottom-full left-1/2 -translate-x-1/2 border-b-neutral-800 dark:border-b-neutral-700 border-x-transparent border-t-transparent border-b-[6px] border-x-[6px] border-t-0",
+	left: "left-full top-1/2 -translate-y-1/2 border-l-neutral-800 dark:border-l-neutral-700 border-y-transparent border-r-transparent border-l-[6px] border-y-[6px] border-r-0",
+	right: "right-full top-1/2 -translate-y-1/2 border-r-neutral-800 dark:border-r-neutral-700 border-y-transparent border-l-transparent border-r-[6px] border-y-[6px] border-l-0"
+};
+var motionVariants = {
+	top: {
+		initial: {
+			opacity: 0,
+			y: 4,
+			scale: .95
+		},
+		animate: {
+			opacity: 1,
+			y: 0,
+			scale: 1
+		},
+		exit: {
+			opacity: 0,
+			y: 4,
+			scale: .95
+		}
+	},
+	bottom: {
+		initial: {
+			opacity: 0,
+			y: -4,
+			scale: .95
+		},
+		animate: {
+			opacity: 1,
+			y: 0,
+			scale: 1
+		},
+		exit: {
+			opacity: 0,
+			y: -4,
+			scale: .95
+		}
+	},
+	left: {
+		initial: {
+			opacity: 0,
+			x: 4,
+			scale: .95
+		},
+		animate: {
+			opacity: 1,
+			x: 0,
+			scale: 1
+		},
+		exit: {
+			opacity: 0,
+			x: 4,
+			scale: .95
+		}
+	},
+	right: {
+		initial: {
+			opacity: 0,
+			x: -4,
+			scale: .95
+		},
+		animate: {
+			opacity: 1,
+			x: 0,
+			scale: 1
+		},
+		exit: {
+			opacity: 0,
+			x: -4,
+			scale: .95
+		}
+	}
+};
+function Tooltip({ content, children, position = "top", trigger = "hover", delayShow = 200, delayHide = 0, disabled = false, className = "", arrow = true, maxWidth = 250, open: controlledOpen, onOpenChange }) {
+	const [internalOpen, setInternalOpen] = (0, react.useState)(false);
+	const showTimeoutRef = (0, react.useRef)(null);
+	const hideTimeoutRef = (0, react.useRef)(null);
+	const triggerRef = (0, react.useRef)(null);
+	const isControlled = controlledOpen !== void 0;
+	const isOpen = isControlled ? controlledOpen : internalOpen;
+	const setOpen = (0, react.useCallback)((value) => {
+		if (isControlled) onOpenChange?.(value);
+		else setInternalOpen(value);
+	}, [isControlled, onOpenChange]);
+	const clearTimeouts = (0, react.useCallback)(() => {
+		if (showTimeoutRef.current) {
+			clearTimeout(showTimeoutRef.current);
+			showTimeoutRef.current = null;
+		}
+		if (hideTimeoutRef.current) {
+			clearTimeout(hideTimeoutRef.current);
+			hideTimeoutRef.current = null;
+		}
+	}, []);
+	const showTooltip = (0, react.useCallback)(() => {
+		if (disabled) return;
+		clearTimeouts();
+		if (delayShow > 0) showTimeoutRef.current = setTimeout(() => setOpen(true), delayShow);
+		else setOpen(true);
+	}, [
+		disabled,
+		delayShow,
+		setOpen,
+		clearTimeouts
+	]);
+	const hideTooltip = (0, react.useCallback)(() => {
+		clearTimeouts();
+		if (delayHide > 0) hideTimeoutRef.current = setTimeout(() => setOpen(false), delayHide);
+		else setOpen(false);
+	}, [
+		delayHide,
+		setOpen,
+		clearTimeouts
+	]);
+	const toggleTooltip = (0, react.useCallback)(() => {
+		if (disabled) return;
+		setOpen(!isOpen);
+	}, [
+		disabled,
+		isOpen,
+		setOpen
+	]);
+	(0, react.useEffect)(() => {
+		return () => clearTimeouts();
+	}, [clearTimeouts]);
+	(0, react.useEffect)(() => {
+		if (trigger !== "click" || !isOpen) return;
+		const handleClickOutside = (event) => {
+			if (triggerRef.current && !triggerRef.current.contains(event.target)) setOpen(false);
+		};
+		document.addEventListener("mousedown", handleClickOutside);
+		return () => document.removeEventListener("mousedown", handleClickOutside);
+	}, [
+		trigger,
+		isOpen,
+		setOpen
+	]);
+	(0, react.useEffect)(() => {
+		if (!isOpen) return;
+		const handleEscape = (event) => {
+			if (event.key === "Escape") setOpen(false);
+		};
+		document.addEventListener("keydown", handleEscape);
+		return () => document.removeEventListener("keydown", handleEscape);
+	}, [isOpen, setOpen]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref: triggerRef,
+		className: "relative inline-flex",
+		...trigger === "hover" && {
+			onMouseEnter: showTooltip,
+			onMouseLeave: hideTooltip
+		},
+		...trigger === "click" && { onClick: toggleTooltip },
+		...trigger === "focus" && {
+			onFocus: showTooltip,
+			onBlur: hideTooltip
+		},
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.AnimatePresence, { children: isOpen && !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(framer_motion.motion.div, {
+			role: "tooltip",
+			initial: motionVariants[position].initial,
+			animate: motionVariants[position].animate,
+			exit: motionVariants[position].exit,
+			transition: {
+				duration: .15,
+				ease: "easeOut"
+			},
+			className: `
+              absolute z-50 ${positionStyles[position]}
+              px-3 py-2 text-sm font-medium
+              bg-neutral-800 dark:bg-neutral-700
+              text-white rounded-lg shadow-lg
+              whitespace-normal break-words
+              ${className}
+            `,
+			style: { maxWidth },
+			children: [content, arrow && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: `absolute w-0 h-0 ${arrowStyles[position]}`,
+				"aria-hidden": "true"
+			})]
+		}) })]
+	});
+}
+//#endregion
+Object.defineProperty(exports, "Tooltip", {
+	enumerable: true,
+	get: function() {
+		return Tooltip;
+	}
+});
+
+//# sourceMappingURL=tooltip-nkIqViGk.cjs.map

package/dist/chunks/tooltip-nkIqViGk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-nkIqViGk.cjs","names":[],"sources":["../../src/components/overlays/tooltip/Tooltip.tsx"],"sourcesContent":["import { useState, useRef, useEffect, useCallback } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\n\nexport type TooltipPosition = \"top\" | \"bottom\" | \"left\" | \"right\";\nexport type TooltipTrigger = \"hover\" | \"click\" | \"focus\";\n\nexport interface TooltipProps {\n  /** The content to display in the tooltip */\n  content: React.ReactNode;\n  /** The element that triggers the tooltip */\n  children: React.ReactElement;\n  /** Position of the tooltip relative to the trigger */\n  position?: TooltipPosition;\n  /** How the tooltip is triggered */\n  trigger?: TooltipTrigger;\n  /** Delay before showing tooltip (ms) */\n  delayShow?: number;\n  /** Delay before hiding tooltip (ms) */\n  delayHide?: number;\n  /** Whether the tooltip is disabled */\n  disabled?: boolean;\n  /** Custom className for the tooltip */\n  className?: string;\n  /** Whether to show an arrow pointing to the trigger */\n  arrow?: boolean;\n  /** Maximum width of the tooltip */\n  maxWidth?: number;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n}\n\nconst positionStyles: Record<TooltipPosition, string> = {\n  top: \"bottom-full left-1/2 -translate-x-1/2 mb-2\",\n  bottom: \"top-full left-1/2 -translate-x-1/2 mt-2\",\n  left: \"right-full top-1/2 -translate-y-1/2 mr-2\",\n  right: \"left-full top-1/2 -translate-y-1/2 ml-2\",\n};\n\nconst arrowStyles: Record<TooltipPosition, string> = {\n  top: \"top-full left-1/2 -translate-x-1/2 border-t-neutral-800 dark:border-t-neutral-700 border-x-transparent border-b-transparent border-t-[6px] border-x-[6px] border-b-0\",\n  bottom:\n    \"bottom-full left-1/2 -translate-x-1/2 border-b-neutral-800 dark:border-b-neutral-700 border-x-transparent border-t-transparent border-b-[6px] border-x-[6px] border-t-0\",\n  left: \"left-full top-1/2 -translate-y-1/2 border-l-neutral-800 dark:border-l-neutral-700 border-y-transparent border-r-transparent border-l-[6px] border-y-[6px] border-r-0\",\n  right:\n    \"right-full top-1/2 -translate-y-1/2 border-r-neutral-800 dark:border-r-neutral-700 border-y-transparent border-l-transparent border-r-[6px] border-y-[6px] border-l-0\",\n};\n\nconst motionVariants = {\n  top: {\n    initial: { opacity: 0, y: 4, scale: 0.95 },\n    animate: { opacity: 1, y: 0, scale: 1 },\n    exit: { opacity: 0, y: 4, scale: 0.95 },\n  },\n  bottom: {\n    initial: { opacity: 0, y: -4, scale: 0.95 },\n    animate: { opacity: 1, y: 0, scale: 1 },\n    exit: { opacity: 0, y: -4, scale: 0.95 },\n  },\n  left: {\n    initial: { opacity: 0, x: 4, scale: 0.95 },\n    animate: { opacity: 1, x: 0, scale: 1 },\n    exit: { opacity: 0, x: 4, scale: 0.95 },\n  },\n  right: {\n    initial: { opacity: 0, x: -4, scale: 0.95 },\n    animate: { opacity: 1, x: 0, scale: 1 },\n    exit: { opacity: 0, x: -4, scale: 0.95 },\n  },\n} as const;\n\nexport default function Tooltip({\n  content,\n  children,\n  position = \"top\",\n  trigger = \"hover\",\n  delayShow = 200,\n  delayHide = 0,\n  disabled = false,\n  className = \"\",\n  arrow = true,\n  maxWidth = 250,\n  open: controlledOpen,\n  onOpenChange,\n}: TooltipProps) {\n  const [internalOpen, setInternalOpen] = useState(false);\n  const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const hideTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const setOpen = useCallback(\n    (value: boolean) => {\n      if (isControlled) {\n        onOpenChange?.(value);\n      } else {\n        setInternalOpen(value);\n      }\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const clearTimeouts = useCallback(() => {\n    if (showTimeoutRef.current) {\n      clearTimeout(showTimeoutRef.current);\n      showTimeoutRef.current = null;\n    }\n    if (hideTimeoutRef.current) {\n      clearTimeout(hideTimeoutRef.current);\n      hideTimeoutRef.current = null;\n    }\n  }, []);\n\n  const showTooltip = useCallback(() => {\n    if (disabled) return;\n    clearTimeouts();\n    if (delayShow > 0) {\n      showTimeoutRef.current = setTimeout(() => setOpen(true), delayShow);\n    } else {\n      setOpen(true);\n    }\n  }, [disabled, delayShow, setOpen, clearTimeouts]);\n\n  const hideTooltip = useCallback(() => {\n    clearTimeouts();\n    if (delayHide > 0) {\n      hideTimeoutRef.current = setTimeout(() => setOpen(false), delayHide);\n    } else {\n      setOpen(false);\n    }\n  }, [delayHide, setOpen, clearTimeouts]);\n\n  const toggleTooltip = useCallback(() => {\n    if (disabled) return;\n    setOpen(!isOpen);\n  }, [disabled, isOpen, setOpen]);\n\n  useEffect(() => {\n    return () => clearTimeouts();\n  }, [clearTimeouts]);\n\n  // Close on click outside for click trigger\n  useEffect(() => {\n    if (trigger !== \"click\" || !isOpen) return;\n\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        triggerRef.current &&\n        !triggerRef.current.contains(event.target as Node)\n      ) {\n        setOpen(false);\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => document.removeEventListener(\"mousedown\", handleClickOutside);\n  }, [trigger, isOpen, setOpen]);\n\n  // Close on Escape\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setOpen(false);\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleEscape);\n    return () => document.removeEventListener(\"keydown\", handleEscape);\n  }, [isOpen, setOpen]);\n\n  const triggerProps = {\n    ...(trigger === \"hover\" && {\n      onMouseEnter: showTooltip,\n      onMouseLeave: hideTooltip,\n    }),\n    ...(trigger === \"click\" && {\n      onClick: toggleTooltip,\n    }),\n    ...(trigger === \"focus\" && {\n      onFocus: showTooltip,\n      onBlur: hideTooltip,\n    }),\n  };\n\n  return (\n    <div ref={triggerRef} className=\"relative inline-flex\" {...triggerProps}>\n      {children}\n      <AnimatePresence>\n        {isOpen && !disabled && (\n          <motion.div\n            role=\"tooltip\"\n            initial={motionVariants[position].initial}\n            animate={motionVariants[position].animate}\n            exit={motionVariants[position].exit}\n            transition={{ duration: 0.15, ease: \"easeOut\" }}\n            className={`\n              absolute z-50 ${positionStyles[position]}\n              px-3 py-2 text-sm font-medium\n              bg-neutral-800 dark:bg-neutral-700\n              text-white rounded-lg shadow-lg\n              whitespace-normal break-words\n              ${className}\n            `}\n            style={{ maxWidth }}\n          >\n            {content}\n            {arrow && (\n              <span\n                className={`absolute w-0 h-0 ${arrowStyles[position]}`}\n                aria-hidden=\"true\"\n              />\n            )}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n}\n\nexport { Tooltip };\n"],"mappings":"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"}

package/dist/chunks/typography-CLu6Hx9j.mjs

@@ -0,0 +1,83 @@
+import { n as mergeClassNames } from "./utils-ati1KkDb.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/typography/Typography.tsx
+var variantMapping = {
+	h1: "h1",
+	h2: "h2",
+	h3: "h3",
+	h4: "h4",
+	h5: "h5",
+	h6: "h6",
+	body1: "p",
+	body2: "p",
+	caption: "span",
+	overline: "span"
+};
+var variantStyles = {
+	h1: "text-4xl md:text-6xl font-black tracking-tighter uppercase italic leading-tight",
+	h2: "text-3xl md:text-5xl font-black tracking-tight uppercase italic leading-snug",
+	h3: "text-2xl md:text-4xl font-extrabold tracking-tight italic",
+	h4: "text-xl md:text-2xl font-bold tracking-tight",
+	h5: "text-lg md:text-xl font-bold",
+	h6: "text-base md:text-lg font-semibold uppercase tracking-widest text-[#888]",
+	body1: "text-base font-medium leading-relaxed",
+	body2: "text-sm font-medium leading-relaxed text-neutral-500",
+	caption: "text-xs font-semibold uppercase tracking-wider text-neutral-400",
+	overline: "text-[10px] font-black uppercase tracking-[0.2em] text-neutral-500"
+};
+var alignStyles = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right",
+	justify: "text-justify"
+};
+var weightStyles = {
+	thin: "font-thin",
+	extralight: "font-extralight",
+	light: "font-light",
+	normal: "font-normal",
+	medium: "font-medium",
+	semibold: "font-semibold",
+	bold: "font-bold",
+	extrabold: "font-extrabold",
+	black: "font-black"
+};
+var trackingStyles = {
+	tighter: "tracking-tighter",
+	tight: "tracking-tight",
+	normal: "tracking-normal",
+	wide: "tracking-wide",
+	wider: "tracking-wider",
+	widest: "tracking-widest"
+};
+var gradientStyles = {
+	primary: "bg-clip-text text-transparent",
+	ocean: "bg-linear-to-r from-cyan-500 to-blue-600 bg-clip-text text-transparent",
+	sunset: "bg-linear-to-r from-orange-500 to-rose-600 bg-clip-text text-transparent",
+	aurora: "bg-linear-to-r from-emerald-400 to-cyan-500 bg-clip-text text-transparent",
+	neon: "bg-linear-to-r from-fuchsia-500 to-purple-600 bg-clip-text text-transparent",
+	forest: "bg-linear-to-r from-lime-500 to-emerald-600 bg-clip-text text-transparent",
+	galaxy: "bg-linear-to-r from-indigo-500 via-purple-500 to-pink-500 bg-clip-text text-transparent"
+};
+var Typography = ({ children, variant = "body1", align, weight, tracking, italic, as, className, gradient = false, style }) => {
+	const Component = as || variantMapping[variant];
+	const gradientVariant = gradient === true ? "primary" : gradient;
+	const getGradientClass = () => {
+		if (!gradient) return "";
+		if (gradient === true) return gradientStyles.primary;
+		return gradientStyles[gradient] || gradientStyles.primary;
+	};
+	return /* @__PURE__ */ jsx(Component, {
+		style: gradientVariant === "primary" ? {
+			...style,
+			backgroundImage: "linear-gradient(90deg, var(--ds-color-accent), var(--ds-color-accent-hover))"
+		} : style,
+		className: mergeClassNames(variantStyles[variant], align && alignStyles[align], weight && weightStyles[weight], tracking && trackingStyles[tracking], italic && "italic", getGradientClass(), className),
+		children
+	});
+};
+//#endregion
+export { Typography as t };
+
+//# sourceMappingURL=typography-CLu6Hx9j.mjs.map

package/dist/chunks/typography-CLu6Hx9j.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-CLu6Hx9j.mjs","names":[],"sources":["../../src/components/typography/Typography.tsx"],"sourcesContent":["import React, { type ReactNode, type ElementType } from \"react\";\nimport { mergeClassNames } from \"../../utils\";\n\nexport type TypographyVariant =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"body1\"\n  | \"body2\"\n  | \"caption\"\n  | \"overline\";\n\nexport type TypographyAlign = \"left\" | \"center\" | \"right\" | \"justify\";\nexport type TypographyWeight =\n  | \"thin\"\n  | \"extralight\"\n  | \"light\"\n  | \"normal\"\n  | \"medium\"\n  | \"semibold\"\n  | \"bold\"\n  | \"extrabold\"\n  | \"black\";\nexport type TypographyTracking =\n  | \"tighter\"\n  | \"tight\"\n  | \"normal\"\n  | \"wide\"\n  | \"wider\"\n  | \"widest\";\nexport type TypographyGradient =\n  | boolean\n  | \"primary\"\n  | \"ocean\"\n  | \"sunset\"\n  | \"aurora\"\n  | \"neon\"\n  | \"forest\"\n  | \"galaxy\";\n\nexport interface TypographyProps {\n  children: ReactNode;\n  variant?: TypographyVariant;\n  align?: TypographyAlign;\n  weight?: TypographyWeight;\n  tracking?: TypographyTracking;\n  italic?: boolean;\n  as?: ElementType;\n  className?: string;\n  gradient?: TypographyGradient;\n  style?: React.CSSProperties;\n}\n\nconst variantMapping: Record<TypographyVariant, ElementType> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  body1: \"p\",\n  body2: \"p\",\n  caption: \"span\",\n  overline: \"span\",\n};\n\nconst variantStyles: Record<TypographyVariant, string> = {\n  h1: \"text-4xl md:text-6xl font-black tracking-tighter uppercase italic leading-tight\",\n  h2: \"text-3xl md:text-5xl font-black tracking-tight uppercase italic leading-snug\",\n  h3: \"text-2xl md:text-4xl font-extrabold tracking-tight italic\",\n  h4: \"text-xl md:text-2xl font-bold tracking-tight\",\n  h5: \"text-lg md:text-xl font-bold\",\n  h6: \"text-base md:text-lg font-semibold uppercase tracking-widest text-[#888]\",\n  body1: \"text-base font-medium leading-relaxed\",\n  body2: \"text-sm font-medium leading-relaxed text-neutral-500\",\n  caption: \"text-xs font-semibold uppercase tracking-wider text-neutral-400\",\n  overline:\n    \"text-[10px] font-black uppercase tracking-[0.2em] text-neutral-500\",\n};\n\nconst alignStyles: Record<TypographyAlign, string> = {\n  left: \"text-left\",\n  center: \"text-center\",\n  right: \"text-right\",\n  justify: \"text-justify\",\n};\n\nconst weightStyles: Record<TypographyWeight, string> = {\n  thin: \"font-thin\",\n  extralight: \"font-extralight\",\n  light: \"font-light\",\n  normal: \"font-normal\",\n  medium: \"font-medium\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\",\n  extrabold: \"font-extrabold\",\n  black: \"font-black\",\n};\n\nconst trackingStyles: Record<TypographyTracking, string> = {\n  tighter: \"tracking-tighter\",\n  tight: \"tracking-tight\",\n  normal: \"tracking-normal\",\n  wide: \"tracking-wide\",\n  wider: \"tracking-wider\",\n  widest: \"tracking-widest\",\n};\n\nconst gradientStyles: Record<string, string> = {\n  primary: \"bg-clip-text text-transparent\",\n  ocean:\n    \"bg-linear-to-r from-cyan-500 to-blue-600 bg-clip-text text-transparent\",\n  sunset:\n    \"bg-linear-to-r from-orange-500 to-rose-600 bg-clip-text text-transparent\",\n  aurora:\n    \"bg-linear-to-r from-emerald-400 to-cyan-500 bg-clip-text text-transparent\",\n  neon: \"bg-linear-to-r from-fuchsia-500 to-purple-600 bg-clip-text text-transparent\",\n  forest:\n    \"bg-linear-to-r from-lime-500 to-emerald-600 bg-clip-text text-transparent\",\n  galaxy:\n    \"bg-linear-to-r from-indigo-500 via-purple-500 to-pink-500 bg-clip-text text-transparent\",\n};\n\nexport const Typography = ({\n  children,\n  variant = \"body1\",\n  align,\n  weight,\n  tracking,\n  italic,\n  as,\n  className,\n  gradient = false,\n  style,\n}: TypographyProps) => {\n  const Component = as || variantMapping[variant];\n  const gradientVariant = gradient === true ? \"primary\" : gradient;\n\n  const getGradientClass = () => {\n    if (!gradient) return \"\";\n    if (gradient === true) return gradientStyles.primary;\n    return gradientStyles[gradient] || gradientStyles.primary;\n  };\n\n  const computedStyle: React.CSSProperties | undefined =\n    gradientVariant === \"primary\"\n      ? {\n          ...style,\n          backgroundImage:\n            \"linear-gradient(90deg, var(--ds-color-accent), var(--ds-color-accent-hover))\",\n        }\n      : style;\n\n  return (\n    <Component\n      style={computedStyle}\n      className={mergeClassNames(\n        variantStyles[variant],\n        align && alignStyles[align],\n        weight && weightStyles[weight],\n        tracking && trackingStyles[tracking],\n        italic && \"italic\",\n        getGradientClass(),\n        className,\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAwDA,IAAM,iBAAyD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,SAAS;CACT,UAAU;CACX;AAED,IAAM,gBAAmD;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,SAAS;CACT,UACE;CACH;AAED,IAAM,cAA+C;CACnD,MAAM;CACN,QAAQ;CACR,OAAO;CACP,SAAS;CACV;AAED,IAAM,eAAiD;CACrD,MAAM;CACN,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,MAAM;CACN,WAAW;CACX,OAAO;CACR;AAED,IAAM,iBAAqD;CACzD,SAAS;CACT,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;CACT;AAED,IAAM,iBAAyC;CAC7C,SAAS;CACT,OACE;CACF,QACE;CACF,QACE;CACF,MAAM;CACN,QACE;CACF,QACE;CACH;AAED,IAAa,cAAc,EACzB,UACA,UAAU,SACV,OACA,QACA,UACA,QACA,IACA,WACA,WAAW,OACX,YACqB;CACrB,MAAM,YAAY,MAAM,eAAe;CACvC,MAAM,kBAAkB,aAAa,OAAO,YAAY;CAExD,MAAM,yBAAyB;AAC7B,MAAI,CAAC,SAAU,QAAO;AACtB,MAAI,aAAa,KAAM,QAAO,eAAe;AAC7C,SAAO,eAAe,aAAa,eAAe;;AAYpD,QACE,oBAAC,WAAD;EACE,OAVF,oBAAoB,YAChB;GACE,GAAG;GACH,iBACE;GACH,GACD;EAKF,WAAW,gBACT,cAAc,UACd,SAAS,YAAY,QACrB,UAAU,aAAa,SACvB,YAAY,eAAe,WAC3B,UAAU,UACV,kBAAkB,EAClB,UACD;EAEA;EACS,CAAA"}

package/dist/chunks/typography-DaLu9tty.cjs

@@ -0,0 +1,90 @@
+const require_chunk = require("./chunk-B_GkZjkl.cjs");
+const require_utils = require("./utils-B4SmmY4J.cjs");
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/typography/Typography.tsx
+var variantMapping = {
+	h1: "h1",
+	h2: "h2",
+	h3: "h3",
+	h4: "h4",
+	h5: "h5",
+	h6: "h6",
+	body1: "p",
+	body2: "p",
+	caption: "span",
+	overline: "span"
+};
+var variantStyles = {
+	h1: "text-4xl md:text-6xl font-black tracking-tighter uppercase italic leading-tight",
+	h2: "text-3xl md:text-5xl font-black tracking-tight uppercase italic leading-snug",
+	h3: "text-2xl md:text-4xl font-extrabold tracking-tight italic",
+	h4: "text-xl md:text-2xl font-bold tracking-tight",
+	h5: "text-lg md:text-xl font-bold",
+	h6: "text-base md:text-lg font-semibold uppercase tracking-widest text-[#888]",
+	body1: "text-base font-medium leading-relaxed",
+	body2: "text-sm font-medium leading-relaxed text-neutral-500",
+	caption: "text-xs font-semibold uppercase tracking-wider text-neutral-400",
+	overline: "text-[10px] font-black uppercase tracking-[0.2em] text-neutral-500"
+};
+var alignStyles = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right",
+	justify: "text-justify"
+};
+var weightStyles = {
+	thin: "font-thin",
+	extralight: "font-extralight",
+	light: "font-light",
+	normal: "font-normal",
+	medium: "font-medium",
+	semibold: "font-semibold",
+	bold: "font-bold",
+	extrabold: "font-extrabold",
+	black: "font-black"
+};
+var trackingStyles = {
+	tighter: "tracking-tighter",
+	tight: "tracking-tight",
+	normal: "tracking-normal",
+	wide: "tracking-wide",
+	wider: "tracking-wider",
+	widest: "tracking-widest"
+};
+var gradientStyles = {
+	primary: "bg-clip-text text-transparent",
+	ocean: "bg-linear-to-r from-cyan-500 to-blue-600 bg-clip-text text-transparent",
+	sunset: "bg-linear-to-r from-orange-500 to-rose-600 bg-clip-text text-transparent",
+	aurora: "bg-linear-to-r from-emerald-400 to-cyan-500 bg-clip-text text-transparent",
+	neon: "bg-linear-to-r from-fuchsia-500 to-purple-600 bg-clip-text text-transparent",
+	forest: "bg-linear-to-r from-lime-500 to-emerald-600 bg-clip-text text-transparent",
+	galaxy: "bg-linear-to-r from-indigo-500 via-purple-500 to-pink-500 bg-clip-text text-transparent"
+};
+var Typography = ({ children, variant = "body1", align, weight, tracking, italic, as, className, gradient = false, style }) => {
+	const Component = as || variantMapping[variant];
+	const gradientVariant = gradient === true ? "primary" : gradient;
+	const getGradientClass = () => {
+		if (!gradient) return "";
+		if (gradient === true) return gradientStyles.primary;
+		return gradientStyles[gradient] || gradientStyles.primary;
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+		style: gradientVariant === "primary" ? {
+			...style,
+			backgroundImage: "linear-gradient(90deg, var(--ds-color-accent), var(--ds-color-accent-hover))"
+		} : style,
+		className: require_utils.mergeClassNames(variantStyles[variant], align && alignStyles[align], weight && weightStyles[weight], tracking && trackingStyles[tracking], italic && "italic", getGradientClass(), className),
+		children
+	});
+};
+//#endregion
+Object.defineProperty(exports, "Typography", {
+	enumerable: true,
+	get: function() {
+		return Typography;
+	}
+});
+
+//# sourceMappingURL=typography-DaLu9tty.cjs.map

package/dist/chunks/typography-DaLu9tty.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-DaLu9tty.cjs","names":[],"sources":["../../src/components/typography/Typography.tsx"],"sourcesContent":["import React, { type ReactNode, type ElementType } from \"react\";\nimport { mergeClassNames } from \"../../utils\";\n\nexport type TypographyVariant =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"body1\"\n  | \"body2\"\n  | \"caption\"\n  | \"overline\";\n\nexport type TypographyAlign = \"left\" | \"center\" | \"right\" | \"justify\";\nexport type TypographyWeight =\n  | \"thin\"\n  | \"extralight\"\n  | \"light\"\n  | \"normal\"\n  | \"medium\"\n  | \"semibold\"\n  | \"bold\"\n  | \"extrabold\"\n  | \"black\";\nexport type TypographyTracking =\n  | \"tighter\"\n  | \"tight\"\n  | \"normal\"\n  | \"wide\"\n  | \"wider\"\n  | \"widest\";\nexport type TypographyGradient =\n  | boolean\n  | \"primary\"\n  | \"ocean\"\n  | \"sunset\"\n  | \"aurora\"\n  | \"neon\"\n  | \"forest\"\n  | \"galaxy\";\n\nexport interface TypographyProps {\n  children: ReactNode;\n  variant?: TypographyVariant;\n  align?: TypographyAlign;\n  weight?: TypographyWeight;\n  tracking?: TypographyTracking;\n  italic?: boolean;\n  as?: ElementType;\n  className?: string;\n  gradient?: TypographyGradient;\n  style?: React.CSSProperties;\n}\n\nconst variantMapping: Record<TypographyVariant, ElementType> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  body1: \"p\",\n  body2: \"p\",\n  caption: \"span\",\n  overline: \"span\",\n};\n\nconst variantStyles: Record<TypographyVariant, string> = {\n  h1: \"text-4xl md:text-6xl font-black tracking-tighter uppercase italic leading-tight\",\n  h2: \"text-3xl md:text-5xl font-black tracking-tight uppercase italic leading-snug\",\n  h3: \"text-2xl md:text-4xl font-extrabold tracking-tight italic\",\n  h4: \"text-xl md:text-2xl font-bold tracking-tight\",\n  h5: \"text-lg md:text-xl font-bold\",\n  h6: \"text-base md:text-lg font-semibold uppercase tracking-widest text-[#888]\",\n  body1: \"text-base font-medium leading-relaxed\",\n  body2: \"text-sm font-medium leading-relaxed text-neutral-500\",\n  caption: \"text-xs font-semibold uppercase tracking-wider text-neutral-400\",\n  overline:\n    \"text-[10px] font-black uppercase tracking-[0.2em] text-neutral-500\",\n};\n\nconst alignStyles: Record<TypographyAlign, string> = {\n  left: \"text-left\",\n  center: \"text-center\",\n  right: \"text-right\",\n  justify: \"text-justify\",\n};\n\nconst weightStyles: Record<TypographyWeight, string> = {\n  thin: \"font-thin\",\n  extralight: \"font-extralight\",\n  light: \"font-light\",\n  normal: \"font-normal\",\n  medium: \"font-medium\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\",\n  extrabold: \"font-extrabold\",\n  black: \"font-black\",\n};\n\nconst trackingStyles: Record<TypographyTracking, string> = {\n  tighter: \"tracking-tighter\",\n  tight: \"tracking-tight\",\n  normal: \"tracking-normal\",\n  wide: \"tracking-wide\",\n  wider: \"tracking-wider\",\n  widest: \"tracking-widest\",\n};\n\nconst gradientStyles: Record<string, string> = {\n  primary: \"bg-clip-text text-transparent\",\n  ocean:\n    \"bg-linear-to-r from-cyan-500 to-blue-600 bg-clip-text text-transparent\",\n  sunset:\n    \"bg-linear-to-r from-orange-500 to-rose-600 bg-clip-text text-transparent\",\n  aurora:\n    \"bg-linear-to-r from-emerald-400 to-cyan-500 bg-clip-text text-transparent\",\n  neon: \"bg-linear-to-r from-fuchsia-500 to-purple-600 bg-clip-text text-transparent\",\n  forest:\n    \"bg-linear-to-r from-lime-500 to-emerald-600 bg-clip-text text-transparent\",\n  galaxy:\n    \"bg-linear-to-r from-indigo-500 via-purple-500 to-pink-500 bg-clip-text text-transparent\",\n};\n\nexport const Typography = ({\n  children,\n  variant = \"body1\",\n  align,\n  weight,\n  tracking,\n  italic,\n  as,\n  className,\n  gradient = false,\n  style,\n}: TypographyProps) => {\n  const Component = as || variantMapping[variant];\n  const gradientVariant = gradient === true ? \"primary\" : gradient;\n\n  const getGradientClass = () => {\n    if (!gradient) return \"\";\n    if (gradient === true) return gradientStyles.primary;\n    return gradientStyles[gradient] || gradientStyles.primary;\n  };\n\n  const computedStyle: React.CSSProperties | undefined =\n    gradientVariant === \"primary\"\n      ? {\n          ...style,\n          backgroundImage:\n            \"linear-gradient(90deg, var(--ds-color-accent), var(--ds-color-accent-hover))\",\n        }\n      : style;\n\n  return (\n    <Component\n      style={computedStyle}\n      className={mergeClassNames(\n        variantStyles[variant],\n        align && alignStyles[align],\n        weight && weightStyles[weight],\n        tracking && trackingStyles[tracking],\n        italic && \"italic\",\n        getGradientClass(),\n        className,\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;AAwDA,IAAM,iBAAyD;CAC7D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,SAAS;CACT,UAAU;CACX;AAED,IAAM,gBAAmD;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,SAAS;CACT,UACE;CACH;AAED,IAAM,cAA+C;CACnD,MAAM;CACN,QAAQ;CACR,OAAO;CACP,SAAS;CACV;AAED,IAAM,eAAiD;CACrD,MAAM;CACN,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,MAAM;CACN,WAAW;CACX,OAAO;CACR;AAED,IAAM,iBAAqD;CACzD,SAAS;CACT,OAAO;CACP,QAAQ;CACR,MAAM;CACN,OAAO;CACP,QAAQ;CACT;AAED,IAAM,iBAAyC;CAC7C,SAAS;CACT,OACE;CACF,QACE;CACF,QACE;CACF,MAAM;CACN,QACE;CACF,QACE;CACH;AAED,IAAa,cAAc,EACzB,UACA,UAAU,SACV,OACA,QACA,UACA,QACA,IACA,WACA,WAAW,OACX,YACqB;CACrB,MAAM,YAAY,MAAM,eAAe;CACvC,MAAM,kBAAkB,aAAa,OAAO,YAAY;CAExD,MAAM,yBAAyB;AAC7B,MAAI,CAAC,SAAU,QAAO;AACtB,MAAI,aAAa,KAAM,QAAO,eAAe;AAC7C,SAAO,eAAe,aAAa,eAAe;;AAYpD,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACE,OAVF,oBAAoB,YAChB;GACE,GAAG;GACH,iBACE;GACH,GACD;EAKF,WAAW,cAAA,gBACT,cAAc,UACd,SAAS,YAAY,QACrB,UAAU,aAAa,SACvB,YAAY,eAAe,WAC3B,UAAU,UACV,kBAAkB,EAClB,UACD;EAEA;EACS,CAAA"}