erp-pro-ui 0.1.0 → 0.1.2

package/dist/chunks/loading-S1TdIrbB.mjs

@@ -0,0 +1,259 @@
+import { i as RingLoaderIcon, l as LoaderIcon } from "./icons-DuumN7z-.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/data-display/loading/Loading.tsx
+var sizeMap = {
+	xs: {
+		container: "w-4 h-4",
+		text: "text-xs"
+	},
+	sm: {
+		container: "w-6 h-6",
+		text: "text-sm"
+	},
+	md: {
+		container: "w-8 h-8",
+		text: "text-sm"
+	},
+	lg: {
+		container: "w-12 h-12",
+		text: "text-base"
+	},
+	xl: {
+		container: "w-16 h-16",
+		text: "text-lg"
+	}
+};
+function Spinner({ size = "md", color = "currentColor" }) {
+	return /* @__PURE__ */ jsx(LoaderIcon, {
+		className: `animate-spin ${sizeMap[size].container}`,
+		color,
+		"aria-hidden": "true"
+	});
+}
+function Dots({ size = "md", color = "currentColor" }) {
+	const dotSize = {
+		xs: "w-1.5 h-1.5",
+		sm: "w-2 h-2",
+		md: "w-2.5 h-2.5",
+		lg: "w-3 h-3",
+		xl: "w-4 h-4"
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center gap-1",
+		children: [
+			0,
+			1,
+			2
+		].map((i) => /* @__PURE__ */ jsx("div", {
+			className: `${dotSize[size]} rounded-full animate-bounce`,
+			style: {
+				backgroundColor: color,
+				animationDelay: `${i * .15}s`,
+				animationDuration: "0.6s"
+			}
+		}, i))
+	});
+}
+function Pulse({ size = "md", color = "currentColor" }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: `relative ${sizeMap[size].container}`,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "absolute inset-0 rounded-full animate-ping opacity-75",
+			style: { backgroundColor: color }
+		}), /* @__PURE__ */ jsx("div", {
+			className: "absolute inset-2 rounded-full",
+			style: { backgroundColor: color }
+		})]
+	});
+}
+function Bars({ size = "md", color = "currentColor" }) {
+	const barWidth = {
+		xs: "w-0.5",
+		sm: "w-1",
+		md: "w-1.5",
+		lg: "w-2",
+		xl: "w-2.5"
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: `flex items-end gap-0.5 ${sizeMap[size].container}`,
+		children: [[
+			0,
+			1,
+			2,
+			3,
+			4
+		].map((i) => /* @__PURE__ */ jsx("div", {
+			className: `${barWidth[size]} rounded-sm`,
+			style: {
+				backgroundColor: color,
+				animation: "loading-bars 1s ease-in-out infinite",
+				animationDelay: `${i * .1}s`,
+				height: "40%"
+			}
+		}, i)), /* @__PURE__ */ jsx("style", { children: `
+        @keyframes loading-bars {
+          0%, 100% { height: 40%; }
+          50% { height: 100%; }
+        }
+      ` })]
+	});
+}
+function Ring({ size = "md", color = "currentColor" }) {
+	return /* @__PURE__ */ jsx(RingLoaderIcon, {
+		className: `animate-spin ${sizeMap[size].container}`,
+		color,
+		strokeWidth: {
+			xs: 3,
+			sm: 3,
+			md: 4,
+			lg: 4,
+			xl: 5
+		}[size],
+		"aria-hidden": "true"
+	});
+}
+function Bounce({ size = "md", color = "currentColor" }) {
+	const dotSize = {
+		xs: "w-2 h-2",
+		sm: "w-3 h-3",
+		md: "w-4 h-4",
+		lg: "w-5 h-5",
+		xl: "w-6 h-6"
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-1",
+		children: [[
+			0,
+			1,
+			2
+		].map((i) => /* @__PURE__ */ jsx("div", {
+			className: `${dotSize[size]} rounded-full`,
+			style: {
+				backgroundColor: color,
+				animation: "loading-bounce 1.4s ease-in-out infinite both",
+				animationDelay: `${i * .16}s`
+			}
+		}, i)), /* @__PURE__ */ jsx("style", { children: `
+        @keyframes loading-bounce {
+          0%, 80%, 100% { transform: scale(0); }
+          40% { transform: scale(1); }
+        }
+      ` })]
+	});
+}
+function Wave({ size = "md", color = "currentColor" }) {
+	const barHeight = {
+		xs: "h-3",
+		sm: "h-4",
+		md: "h-6",
+		lg: "h-8",
+		xl: "h-10"
+	};
+	const barWidth = {
+		xs: "w-0.5",
+		sm: "w-1",
+		md: "w-1",
+		lg: "w-1.5",
+		xl: "w-2"
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-0.5",
+		children: [[
+			0,
+			1,
+			2,
+			3,
+			4
+		].map((i) => /* @__PURE__ */ jsx("div", {
+			className: `${barWidth[size]} ${barHeight[size]} rounded-full`,
+			style: {
+				backgroundColor: color,
+				animation: "loading-wave 1.2s ease-in-out infinite",
+				animationDelay: `${i * .1}s`
+			}
+		}, i)), /* @__PURE__ */ jsx("style", { children: `
+        @keyframes loading-wave {
+          0%, 40%, 100% { transform: scaleY(0.4); }
+          20% { transform: scaleY(1); }
+        }
+      ` })]
+	});
+}
+function Skeleton({ width = "100%", height = "1rem", rounded = "md" }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: `animate-pulse bg-neutral-200 dark:bg-neutral-700 ${{
+			none: "",
+			sm: "rounded-sm",
+			md: "rounded-md",
+			lg: "rounded-lg",
+			full: "rounded-full"
+		}[rounded]}`,
+		style: {
+			width,
+			height
+		}
+	});
+}
+function Loading({ variant = "spinner", size = "md", color = "#7367f0", text, textPosition = "right", fullScreen = false, overlay = false, className = "", skeletonWidth, skeletonHeight, skeletonRounded = "md" }) {
+	const renderLoader = () => {
+		switch (variant) {
+			case "spinner": return /* @__PURE__ */ jsx(Spinner, {
+				size,
+				color
+			});
+			case "dots": return /* @__PURE__ */ jsx(Dots, {
+				size,
+				color
+			});
+			case "pulse": return /* @__PURE__ */ jsx(Pulse, {
+				size,
+				color
+			});
+			case "bars": return /* @__PURE__ */ jsx(Bars, {
+				size,
+				color
+			});
+			case "ring": return /* @__PURE__ */ jsx(Ring, {
+				size,
+				color
+			});
+			case "bounce": return /* @__PURE__ */ jsx(Bounce, {
+				size,
+				color
+			});
+			case "wave": return /* @__PURE__ */ jsx(Wave, {
+				size,
+				color
+			});
+			case "skeleton": return /* @__PURE__ */ jsx(Skeleton, {
+				width: skeletonWidth,
+				height: skeletonHeight,
+				rounded: skeletonRounded
+			});
+			default: return /* @__PURE__ */ jsx(Spinner, {
+				size,
+				color
+			});
+		}
+	};
+	const content = /* @__PURE__ */ jsxs("div", {
+		className: `inline-flex items-center ${textPosition === "bottom" ? "flex-col gap-2" : "flex-row gap-3"} ${className}`,
+		children: [renderLoader(), text && /* @__PURE__ */ jsx("span", {
+			className: `${sizeMap[size].text} text-neutral-600 dark:text-neutral-400 font-medium`,
+			children: text
+		})]
+	});
+	if (fullScreen) return /* @__PURE__ */ jsx("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center bg-white/80 dark:bg-neutral-950/80 backdrop-blur-sm",
+		children: content
+	});
+	if (overlay) return /* @__PURE__ */ jsx("div", {
+		className: "absolute inset-0 z-10 flex items-center justify-center bg-white/70 dark:bg-neutral-900/70 backdrop-blur-sm rounded-inherit",
+		children: content
+	});
+	return content;
+}
+//#endregion
+export { Pulse as a, Spinner as c, Loading as i, Wave as l, Bounce as n, Ring as o, Dots as r, Skeleton as s, Bars as t };
+
+//# sourceMappingURL=loading-S1TdIrbB.mjs.map

package/dist/chunks/loading-S1TdIrbB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-S1TdIrbB.mjs","names":[],"sources":["../../src/components/data-display/loading/Loading.tsx"],"sourcesContent":["import { LoaderIcon, RingLoaderIcon } from \"../../icons\";\n\nexport type LoadingVariant =\n  | \"spinner\"\n  | \"dots\"\n  | \"pulse\"\n  | \"bars\"\n  | \"ring\"\n  | \"bounce\"\n  | \"wave\"\n  | \"skeleton\";\n\nexport type LoadingSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface LoadingProps {\n  /** The variant/style of the loading indicator */\n  variant?: LoadingVariant;\n  /** Size of the loading indicator */\n  size?: LoadingSize;\n  /** Custom color for the loading indicator */\n  color?: string;\n  /** Text to display alongside the loading indicator */\n  text?: string;\n  /** Position of the text relative to the indicator */\n  textPosition?: \"right\" | \"bottom\";\n  /** Whether to show as a full-screen overlay */\n  fullScreen?: boolean;\n  /** Whether to show as an overlay within parent container */\n  overlay?: boolean;\n  /** Custom className */\n  className?: string;\n  /** Skeleton specific: width */\n  skeletonWidth?: string;\n  /** Skeleton specific: height */\n  skeletonHeight?: string;\n  /** Skeleton specific: rounded style */\n  skeletonRounded?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n}\n\nconst sizeMap: Record<LoadingSize, { container: string; text: string }> = {\n  xs: { container: \"w-4 h-4\", text: \"text-xs\" },\n  sm: { container: \"w-6 h-6\", text: \"text-sm\" },\n  md: { container: \"w-8 h-8\", text: \"text-sm\" },\n  lg: { container: \"w-12 h-12\", text: \"text-base\" },\n  xl: { container: \"w-16 h-16\", text: \"text-lg\" },\n};\n\n// Spinner - Classic rotating circle\nfunction Spinner({\n  size = \"md\",\n  color = \"currentColor\",\n}: {\n  size?: LoadingSize;\n  color?: string;\n}) {\n  return (\n    <LoaderIcon\n      className={`animate-spin ${sizeMap[size].container}`}\n      color={color}\n      aria-hidden=\"true\"\n    />\n  );\n}\n\n// Dots - Three bouncing dots\nfunction Dots({\n  size = \"md\",\n  color = \"currentColor\",\n}: {\n  size?: LoadingSize;\n  color?: string;\n}) {\n  const dotSize = {\n    xs: \"w-1.5 h-1.5\",\n    sm: \"w-2 h-2\",\n    md: \"w-2.5 h-2.5\",\n    lg: \"w-3 h-3\",\n    xl: \"w-4 h-4\",\n  };\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      {[0, 1, 2].map((i) => (\n        <div\n          key={i}\n          className={`${dotSize[size]} rounded-full animate-bounce`}\n          style={{\n            backgroundColor: color,\n            animationDelay: `${i * 0.15}s`,\n            animationDuration: \"0.6s\",\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\n// Pulse - Pulsing circle\nfunction Pulse({\n  size = \"md\",\n  color = \"currentColor\",\n}: {\n  size?: LoadingSize;\n  color?: string;\n}) {\n  return (\n    <div className={`relative ${sizeMap[size].container}`}>\n      <div\n        className=\"absolute inset-0 rounded-full animate-ping opacity-75\"\n        style={{ backgroundColor: color }}\n      />\n      <div\n        className=\"absolute inset-2 rounded-full\"\n        style={{ backgroundColor: color }}\n      />\n    </div>\n  );\n}\n\n// Bars - Audio-style animated bars\nfunction Bars({\n  size = \"md\",\n  color = \"currentColor\",\n}: {\n  size?: LoadingSize;\n  color?: string;\n}) {\n  const barWidth = {\n    xs: \"w-0.5\",\n    sm: \"w-1\",\n    md: \"w-1.5\",\n    lg: \"w-2\",\n    xl: \"w-2.5\",\n  };\n\n  return (\n    <div className={`flex items-end gap-0.5 ${sizeMap[size].container}`}>\n      {[0, 1, 2, 3, 4].map((i) => (\n        <div\n          key={i}\n          className={`${barWidth[size]} rounded-sm`}\n          style={{\n            backgroundColor: color,\n            animation: \"loading-bars 1s ease-in-out infinite\",\n            animationDelay: `${i * 0.1}s`,\n            height: \"40%\",\n          }}\n        />\n      ))}\n      <style>{`\n        @keyframes loading-bars {\n          0%, 100% { height: 40%; }\n          50% { height: 100%; }\n        }\n      `}</style>\n    </div>\n  );\n}\n\n// Ring - Rotating ring with gradient\nfunction Ring({\n  size = \"md\",\n  color = \"currentColor\",\n}: {\n  size?: LoadingSize;\n  color?: string;\n}) {\n  const strokeWidth = {\n    xs: 3,\n    sm: 3,\n    md: 4,\n    lg: 4,\n    xl: 5,\n  };\n\n  return (\n    <RingLoaderIcon\n      className={`animate-spin ${sizeMap[size].container}`}\n      color={color}\n      strokeWidth={strokeWidth[size]}\n      aria-hidden=\"true\"\n    />\n  );\n}\n\n// Bounce - Three bouncing circles\nfunction Bounce({\n  size = \"md\",\n  color = \"currentColor\",\n}: {\n  size?: LoadingSize;\n  color?: string;\n}) {\n  const dotSize = {\n    xs: \"w-2 h-2\",\n    sm: \"w-3 h-3\",\n    md: \"w-4 h-4\",\n    lg: \"w-5 h-5\",\n    xl: \"w-6 h-6\",\n  };\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      {[0, 1, 2].map((i) => (\n        <div\n          key={i}\n          className={`${dotSize[size]} rounded-full`}\n          style={{\n            backgroundColor: color,\n            animation: \"loading-bounce 1.4s ease-in-out infinite both\",\n            animationDelay: `${i * 0.16}s`,\n          }}\n        />\n      ))}\n      <style>{`\n        @keyframes loading-bounce {\n          0%, 80%, 100% { transform: scale(0); }\n          40% { transform: scale(1); }\n        }\n      `}</style>\n    </div>\n  );\n}\n\n// Wave - Wave animation\nfunction Wave({\n  size = \"md\",\n  color = \"currentColor\",\n}: {\n  size?: LoadingSize;\n  color?: string;\n}) {\n  const barHeight = {\n    xs: \"h-3\",\n    sm: \"h-4\",\n    md: \"h-6\",\n    lg: \"h-8\",\n    xl: \"h-10\",\n  };\n  const barWidth = {\n    xs: \"w-0.5\",\n    sm: \"w-1\",\n    md: \"w-1\",\n    lg: \"w-1.5\",\n    xl: \"w-2\",\n  };\n\n  return (\n    <div className=\"flex items-center gap-0.5\">\n      {[0, 1, 2, 3, 4].map((i) => (\n        <div\n          key={i}\n          className={`${barWidth[size]} ${barHeight[size]} rounded-full`}\n          style={{\n            backgroundColor: color,\n            animation: \"loading-wave 1.2s ease-in-out infinite\",\n            animationDelay: `${i * 0.1}s`,\n          }}\n        />\n      ))}\n      <style>{`\n        @keyframes loading-wave {\n          0%, 40%, 100% { transform: scaleY(0.4); }\n          20% { transform: scaleY(1); }\n        }\n      `}</style>\n    </div>\n  );\n}\n\n// Skeleton - Loading placeholder\nfunction Skeleton({\n  width = \"100%\",\n  height = \"1rem\",\n  rounded = \"md\",\n}: {\n  width?: string;\n  height?: string;\n  rounded?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n}) {\n  const roundedMap = {\n    none: \"\",\n    sm: \"rounded-sm\",\n    md: \"rounded-md\",\n    lg: \"rounded-lg\",\n    full: \"rounded-full\",\n  };\n\n  return (\n    <div\n      className={`animate-pulse bg-neutral-200 dark:bg-neutral-700 ${roundedMap[rounded]}`}\n      style={{ width, height }}\n    />\n  );\n}\n\nexport default function Loading({\n  variant = \"spinner\",\n  size = \"md\",\n  color = \"#7367f0\",\n  text,\n  textPosition = \"right\",\n  fullScreen = false,\n  overlay = false,\n  className = \"\",\n  skeletonWidth,\n  skeletonHeight,\n  skeletonRounded = \"md\",\n}: LoadingProps) {\n  const renderLoader = () => {\n    switch (variant) {\n      case \"spinner\":\n        return <Spinner size={size} color={color} />;\n      case \"dots\":\n        return <Dots size={size} color={color} />;\n      case \"pulse\":\n        return <Pulse size={size} color={color} />;\n      case \"bars\":\n        return <Bars size={size} color={color} />;\n      case \"ring\":\n        return <Ring size={size} color={color} />;\n      case \"bounce\":\n        return <Bounce size={size} color={color} />;\n      case \"wave\":\n        return <Wave size={size} color={color} />;\n      case \"skeleton\":\n        return (\n          <Skeleton\n            width={skeletonWidth}\n            height={skeletonHeight}\n            rounded={skeletonRounded}\n          />\n        );\n      default:\n        return <Spinner size={size} color={color} />;\n    }\n  };\n\n  const content = (\n    <div\n      className={`inline-flex items-center ${\n        textPosition === \"bottom\" ? \"flex-col gap-2\" : \"flex-row gap-3\"\n      } ${className}`}\n    >\n      {renderLoader()}\n      {text && (\n        <span\n          className={`${sizeMap[size].text} text-neutral-600 dark:text-neutral-400 font-medium`}\n        >\n          {text}\n        </span>\n      )}\n    </div>\n  );\n\n  if (fullScreen) {\n    return (\n      <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-white/80 dark:bg-neutral-950/80 backdrop-blur-sm\">\n        {content}\n      </div>\n    );\n  }\n\n  if (overlay) {\n    return (\n      <div className=\"absolute inset-0 z-10 flex items-center justify-center bg-white/70 dark:bg-neutral-900/70 backdrop-blur-sm rounded-inherit\">\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n\n// Export individual components for direct use\nexport { Spinner, Dots, Pulse, Bars, Ring, Bounce, Wave, Skeleton };\n"],"mappings":"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"}

package/dist/chunks/loading-q7IEg56I.cjs

@@ -0,0 +1,313 @@
+require("./chunk-B_GkZjkl.cjs");
+const require_icons = require("./icons-BxIzP2jd.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/data-display/loading/Loading.tsx
+var sizeMap = {
+	xs: {
+		container: "w-4 h-4",
+		text: "text-xs"
+	},
+	sm: {
+		container: "w-6 h-6",
+		text: "text-sm"
+	},
+	md: {
+		container: "w-8 h-8",
+		text: "text-sm"
+	},
+	lg: {
+		container: "w-12 h-12",
+		text: "text-base"
+	},
+	xl: {
+		container: "w-16 h-16",
+		text: "text-lg"
+	}
+};
+function Spinner({ size = "md", color = "currentColor" }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.LoaderIcon, {
+		className: `animate-spin ${sizeMap[size].container}`,
+		color,
+		"aria-hidden": "true"
+	});
+}
+function Dots({ size = "md", color = "currentColor" }) {
+	const dotSize = {
+		xs: "w-1.5 h-1.5",
+		sm: "w-2 h-2",
+		md: "w-2.5 h-2.5",
+		lg: "w-3 h-3",
+		xl: "w-4 h-4"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex items-center gap-1",
+		children: [
+			0,
+			1,
+			2
+		].map((i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${dotSize[size]} rounded-full animate-bounce`,
+			style: {
+				backgroundColor: color,
+				animationDelay: `${i * .15}s`,
+				animationDuration: "0.6s"
+			}
+		}, i))
+	});
+}
+function Pulse({ size = "md", color = "currentColor" }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `relative ${sizeMap[size].container}`,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "absolute inset-0 rounded-full animate-ping opacity-75",
+			style: { backgroundColor: color }
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "absolute inset-2 rounded-full",
+			style: { backgroundColor: color }
+		})]
+	});
+}
+function Bars({ size = "md", color = "currentColor" }) {
+	const barWidth = {
+		xs: "w-0.5",
+		sm: "w-1",
+		md: "w-1.5",
+		lg: "w-2",
+		xl: "w-2.5"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `flex items-end gap-0.5 ${sizeMap[size].container}`,
+		children: [[
+			0,
+			1,
+			2,
+			3,
+			4
+		].map((i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${barWidth[size]} rounded-sm`,
+			style: {
+				backgroundColor: color,
+				animation: "loading-bars 1s ease-in-out infinite",
+				animationDelay: `${i * .1}s`,
+				height: "40%"
+			}
+		}, i)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: `
+        @keyframes loading-bars {
+          0%, 100% { height: 40%; }
+          50% { height: 100%; }
+        }
+      ` })]
+	});
+}
+function Ring({ size = "md", color = "currentColor" }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.RingLoaderIcon, {
+		className: `animate-spin ${sizeMap[size].container}`,
+		color,
+		strokeWidth: {
+			xs: 3,
+			sm: 3,
+			md: 4,
+			lg: 4,
+			xl: 5
+		}[size],
+		"aria-hidden": "true"
+	});
+}
+function Bounce({ size = "md", color = "currentColor" }) {
+	const dotSize = {
+		xs: "w-2 h-2",
+		sm: "w-3 h-3",
+		md: "w-4 h-4",
+		lg: "w-5 h-5",
+		xl: "w-6 h-6"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-1",
+		children: [[
+			0,
+			1,
+			2
+		].map((i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${dotSize[size]} rounded-full`,
+			style: {
+				backgroundColor: color,
+				animation: "loading-bounce 1.4s ease-in-out infinite both",
+				animationDelay: `${i * .16}s`
+			}
+		}, i)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: `
+        @keyframes loading-bounce {
+          0%, 80%, 100% { transform: scale(0); }
+          40% { transform: scale(1); }
+        }
+      ` })]
+	});
+}
+function Wave({ size = "md", color = "currentColor" }) {
+	const barHeight = {
+		xs: "h-3",
+		sm: "h-4",
+		md: "h-6",
+		lg: "h-8",
+		xl: "h-10"
+	};
+	const barWidth = {
+		xs: "w-0.5",
+		sm: "w-1",
+		md: "w-1",
+		lg: "w-1.5",
+		xl: "w-2"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-0.5",
+		children: [[
+			0,
+			1,
+			2,
+			3,
+			4
+		].map((i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${barWidth[size]} ${barHeight[size]} rounded-full`,
+			style: {
+				backgroundColor: color,
+				animation: "loading-wave 1.2s ease-in-out infinite",
+				animationDelay: `${i * .1}s`
+			}
+		}, i)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: `
+        @keyframes loading-wave {
+          0%, 40%, 100% { transform: scaleY(0.4); }
+          20% { transform: scaleY(1); }
+        }
+      ` })]
+	});
+}
+function Skeleton({ width = "100%", height = "1rem", rounded = "md" }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: `animate-pulse bg-neutral-200 dark:bg-neutral-700 ${{
+			none: "",
+			sm: "rounded-sm",
+			md: "rounded-md",
+			lg: "rounded-lg",
+			full: "rounded-full"
+		}[rounded]}`,
+		style: {
+			width,
+			height
+		}
+	});
+}
+function Loading({ variant = "spinner", size = "md", color = "#7367f0", text, textPosition = "right", fullScreen = false, overlay = false, className = "", skeletonWidth, skeletonHeight, skeletonRounded = "md" }) {
+	const renderLoader = () => {
+		switch (variant) {
+			case "spinner": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, {
+				size,
+				color
+			});
+			case "dots": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Dots, {
+				size,
+				color
+			});
+			case "pulse": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pulse, {
+				size,
+				color
+			});
+			case "bars": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Bars, {
+				size,
+				color
+			});
+			case "ring": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Ring, {
+				size,
+				color
+			});
+			case "bounce": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Bounce, {
+				size,
+				color
+			});
+			case "wave": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Wave, {
+				size,
+				color
+			});
+			case "skeleton": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Skeleton, {
+				width: skeletonWidth,
+				height: skeletonHeight,
+				rounded: skeletonRounded
+			});
+			default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Spinner, {
+				size,
+				color
+			});
+		}
+	};
+	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `inline-flex items-center ${textPosition === "bottom" ? "flex-col gap-2" : "flex-row gap-3"} ${className}`,
+		children: [renderLoader(), text && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: `${sizeMap[size].text} text-neutral-600 dark:text-neutral-400 font-medium`,
+			children: text
+		})]
+	});
+	if (fullScreen) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center bg-white/80 dark:bg-neutral-950/80 backdrop-blur-sm",
+		children: content
+	});
+	if (overlay) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "absolute inset-0 z-10 flex items-center justify-center bg-white/70 dark:bg-neutral-900/70 backdrop-blur-sm rounded-inherit",
+		children: content
+	});
+	return content;
+}
+//#endregion
+Object.defineProperty(exports, "Bars", {
+	enumerable: true,
+	get: function() {
+		return Bars;
+	}
+});
+Object.defineProperty(exports, "Bounce", {
+	enumerable: true,
+	get: function() {
+		return Bounce;
+	}
+});
+Object.defineProperty(exports, "Dots", {
+	enumerable: true,
+	get: function() {
+		return Dots;
+	}
+});
+Object.defineProperty(exports, "Loading", {
+	enumerable: true,
+	get: function() {
+		return Loading;
+	}
+});
+Object.defineProperty(exports, "Pulse", {
+	enumerable: true,
+	get: function() {
+		return Pulse;
+	}
+});
+Object.defineProperty(exports, "Ring", {
+	enumerable: true,
+	get: function() {
+		return Ring;
+	}
+});
+Object.defineProperty(exports, "Skeleton", {
+	enumerable: true,
+	get: function() {
+		return Skeleton;
+	}
+});
+Object.defineProperty(exports, "Spinner", {
+	enumerable: true,
+	get: function() {
+		return Spinner;
+	}
+});
+Object.defineProperty(exports, "Wave", {
+	enumerable: true,
+	get: function() {
+		return Wave;
+	}
+});
+
+//# sourceMappingURL=loading-q7IEg56I.cjs.map

package/dist/chunks/loading-q7IEg56I.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-q7IEg56I.cjs","names":[],"sources":["../../src/components/data-display/loading/Loading.tsx"],"sourcesContent":["import { LoaderIcon, RingLoaderIcon } from \"../../icons\";\n\nexport type LoadingVariant =\n  | \"spinner\"\n  | \"dots\"\n  | \"pulse\"\n  | \"bars\"\n  | \"ring\"\n  | \"bounce\"\n  | \"wave\"\n  | \"skeleton\";\n\nexport type LoadingSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface LoadingProps {\n  /** The variant/style of the loading indicator */\n  variant?: LoadingVariant;\n  /** Size of the loading indicator */\n  size?: LoadingSize;\n  /** Custom color for the loading indicator */\n  color?: string;\n  /** Text to display alongside the loading indicator */\n  text?: string;\n  /** Position of the text relative to the indicator */\n  textPosition?: \"right\" | \"bottom\";\n  /** Whether to show as a full-screen overlay */\n  fullScreen?: boolean;\n  /** Whether to show as an overlay within parent container */\n  overlay?: boolean;\n  /** Custom className */\n  className?: string;\n  /** Skeleton specific: width */\n  skeletonWidth?: string;\n  /** Skeleton specific: height */\n  skeletonHeight?: string;\n  /** Skeleton specific: rounded style */\n  skeletonRounded?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n}\n\nconst sizeMap: Record<LoadingSize, { container: string; text: string }> = {\n  xs: { container: \"w-4 h-4\", text: \"text-xs\" },\n  sm: { container: \"w-6 h-6\", text: \"text-sm\" },\n  md: { container: \"w-8 h-8\", text: \"text-sm\" },\n  lg: { container: \"w-12 h-12\", text: \"text-base\" },\n  xl: { container: \"w-16 h-16\", text: \"text-lg\" },\n};\n\n// Spinner - Classic rotating circle\nfunction Spinner({\n  size = \"md\",\n  color = \"currentColor\",\n}: {\n  size?: LoadingSize;\n  color?: string;\n}) {\n  return (\n    <LoaderIcon\n      className={`animate-spin ${sizeMap[size].container}`}\n      color={color}\n      aria-hidden=\"true\"\n    />\n  );\n}\n\n// Dots - Three bouncing dots\nfunction Dots({\n  size = \"md\",\n  color = \"currentColor\",\n}: {\n  size?: LoadingSize;\n  color?: string;\n}) {\n  const dotSize = {\n    xs: \"w-1.5 h-1.5\",\n    sm: \"w-2 h-2\",\n    md: \"w-2.5 h-2.5\",\n    lg: \"w-3 h-3\",\n    xl: \"w-4 h-4\",\n  };\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      {[0, 1, 2].map((i) => (\n        <div\n          key={i}\n          className={`${dotSize[size]} rounded-full animate-bounce`}\n          style={{\n            backgroundColor: color,\n            animationDelay: `${i * 0.15}s`,\n            animationDuration: \"0.6s\",\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\n// Pulse - Pulsing circle\nfunction Pulse({\n  size = \"md\",\n  color = \"currentColor\",\n}: {\n  size?: LoadingSize;\n  color?: string;\n}) {\n  return (\n    <div className={`relative ${sizeMap[size].container}`}>\n      <div\n        className=\"absolute inset-0 rounded-full animate-ping opacity-75\"\n        style={{ backgroundColor: color }}\n      />\n      <div\n        className=\"absolute inset-2 rounded-full\"\n        style={{ backgroundColor: color }}\n      />\n    </div>\n  );\n}\n\n// Bars - Audio-style animated bars\nfunction Bars({\n  size = \"md\",\n  color = \"currentColor\",\n}: {\n  size?: LoadingSize;\n  color?: string;\n}) {\n  const barWidth = {\n    xs: \"w-0.5\",\n    sm: \"w-1\",\n    md: \"w-1.5\",\n    lg: \"w-2\",\n    xl: \"w-2.5\",\n  };\n\n  return (\n    <div className={`flex items-end gap-0.5 ${sizeMap[size].container}`}>\n      {[0, 1, 2, 3, 4].map((i) => (\n        <div\n          key={i}\n          className={`${barWidth[size]} rounded-sm`}\n          style={{\n            backgroundColor: color,\n            animation: \"loading-bars 1s ease-in-out infinite\",\n            animationDelay: `${i * 0.1}s`,\n            height: \"40%\",\n          }}\n        />\n      ))}\n      <style>{`\n        @keyframes loading-bars {\n          0%, 100% { height: 40%; }\n          50% { height: 100%; }\n        }\n      `}</style>\n    </div>\n  );\n}\n\n// Ring - Rotating ring with gradient\nfunction Ring({\n  size = \"md\",\n  color = \"currentColor\",\n}: {\n  size?: LoadingSize;\n  color?: string;\n}) {\n  const strokeWidth = {\n    xs: 3,\n    sm: 3,\n    md: 4,\n    lg: 4,\n    xl: 5,\n  };\n\n  return (\n    <RingLoaderIcon\n      className={`animate-spin ${sizeMap[size].container}`}\n      color={color}\n      strokeWidth={strokeWidth[size]}\n      aria-hidden=\"true\"\n    />\n  );\n}\n\n// Bounce - Three bouncing circles\nfunction Bounce({\n  size = \"md\",\n  color = \"currentColor\",\n}: {\n  size?: LoadingSize;\n  color?: string;\n}) {\n  const dotSize = {\n    xs: \"w-2 h-2\",\n    sm: \"w-3 h-3\",\n    md: \"w-4 h-4\",\n    lg: \"w-5 h-5\",\n    xl: \"w-6 h-6\",\n  };\n\n  return (\n    <div className=\"flex items-center gap-1\">\n      {[0, 1, 2].map((i) => (\n        <div\n          key={i}\n          className={`${dotSize[size]} rounded-full`}\n          style={{\n            backgroundColor: color,\n            animation: \"loading-bounce 1.4s ease-in-out infinite both\",\n            animationDelay: `${i * 0.16}s`,\n          }}\n        />\n      ))}\n      <style>{`\n        @keyframes loading-bounce {\n          0%, 80%, 100% { transform: scale(0); }\n          40% { transform: scale(1); }\n        }\n      `}</style>\n    </div>\n  );\n}\n\n// Wave - Wave animation\nfunction Wave({\n  size = \"md\",\n  color = \"currentColor\",\n}: {\n  size?: LoadingSize;\n  color?: string;\n}) {\n  const barHeight = {\n    xs: \"h-3\",\n    sm: \"h-4\",\n    md: \"h-6\",\n    lg: \"h-8\",\n    xl: \"h-10\",\n  };\n  const barWidth = {\n    xs: \"w-0.5\",\n    sm: \"w-1\",\n    md: \"w-1\",\n    lg: \"w-1.5\",\n    xl: \"w-2\",\n  };\n\n  return (\n    <div className=\"flex items-center gap-0.5\">\n      {[0, 1, 2, 3, 4].map((i) => (\n        <div\n          key={i}\n          className={`${barWidth[size]} ${barHeight[size]} rounded-full`}\n          style={{\n            backgroundColor: color,\n            animation: \"loading-wave 1.2s ease-in-out infinite\",\n            animationDelay: `${i * 0.1}s`,\n          }}\n        />\n      ))}\n      <style>{`\n        @keyframes loading-wave {\n          0%, 40%, 100% { transform: scaleY(0.4); }\n          20% { transform: scaleY(1); }\n        }\n      `}</style>\n    </div>\n  );\n}\n\n// Skeleton - Loading placeholder\nfunction Skeleton({\n  width = \"100%\",\n  height = \"1rem\",\n  rounded = \"md\",\n}: {\n  width?: string;\n  height?: string;\n  rounded?: \"none\" | \"sm\" | \"md\" | \"lg\" | \"full\";\n}) {\n  const roundedMap = {\n    none: \"\",\n    sm: \"rounded-sm\",\n    md: \"rounded-md\",\n    lg: \"rounded-lg\",\n    full: \"rounded-full\",\n  };\n\n  return (\n    <div\n      className={`animate-pulse bg-neutral-200 dark:bg-neutral-700 ${roundedMap[rounded]}`}\n      style={{ width, height }}\n    />\n  );\n}\n\nexport default function Loading({\n  variant = \"spinner\",\n  size = \"md\",\n  color = \"#7367f0\",\n  text,\n  textPosition = \"right\",\n  fullScreen = false,\n  overlay = false,\n  className = \"\",\n  skeletonWidth,\n  skeletonHeight,\n  skeletonRounded = \"md\",\n}: LoadingProps) {\n  const renderLoader = () => {\n    switch (variant) {\n      case \"spinner\":\n        return <Spinner size={size} color={color} />;\n      case \"dots\":\n        return <Dots size={size} color={color} />;\n      case \"pulse\":\n        return <Pulse size={size} color={color} />;\n      case \"bars\":\n        return <Bars size={size} color={color} />;\n      case \"ring\":\n        return <Ring size={size} color={color} />;\n      case \"bounce\":\n        return <Bounce size={size} color={color} />;\n      case \"wave\":\n        return <Wave size={size} color={color} />;\n      case \"skeleton\":\n        return (\n          <Skeleton\n            width={skeletonWidth}\n            height={skeletonHeight}\n            rounded={skeletonRounded}\n          />\n        );\n      default:\n        return <Spinner size={size} color={color} />;\n    }\n  };\n\n  const content = (\n    <div\n      className={`inline-flex items-center ${\n        textPosition === \"bottom\" ? \"flex-col gap-2\" : \"flex-row gap-3\"\n      } ${className}`}\n    >\n      {renderLoader()}\n      {text && (\n        <span\n          className={`${sizeMap[size].text} text-neutral-600 dark:text-neutral-400 font-medium`}\n        >\n          {text}\n        </span>\n      )}\n    </div>\n  );\n\n  if (fullScreen) {\n    return (\n      <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-white/80 dark:bg-neutral-950/80 backdrop-blur-sm\">\n        {content}\n      </div>\n    );\n  }\n\n  if (overlay) {\n    return (\n      <div className=\"absolute inset-0 z-10 flex items-center justify-center bg-white/70 dark:bg-neutral-900/70 backdrop-blur-sm rounded-inherit\">\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n\n// Export individual components for direct use\nexport { Spinner, Dots, Pulse, Bars, Ring, Bounce, Wave, Skeleton };\n"],"mappings":"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"}