lkd-web-kit 0.8.0 → 0.8.2

package/dist/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,23 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+exports.__toESM = __toESM;

package/dist/components/EmptyState/index.cjs

@@ -1,55 +1,41 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const Icon = require('../Icon.cjs');
-const core = require('@mantine/core');
-
-const pxBySize = {
-  sm: 48,
-  md: 60,
-  lg: 84
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_Icon = require("../Icon.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _mantine_core = require("@mantine/core");
+//#region src/components/EmptyState/index.tsx
+var pxBySize = {
+	sm: 48,
+	md: 60,
+	lg: 84
 };
-const EmptyState = ({ label, action, icon, size = "md", ...props }) => {
-  const { colors } = core.useMantineTheme();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        gap: 4
-      },
-      ...props,
-      children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx(
-          Icon.Icon,
-          {
-            i: icon,
-            size: pxBySize[size],
-            style: {
-              color: colors.gray[2]
-            }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          core.Text,
-          {
-            c: "gray.6",
-            style: {
-              fontSize: 14,
-              fontWeight: 600
-            },
-            children: label
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { children: action })
-      ]
-    }
-  );
+var EmptyState = ({ label, action, icon, size = "md", ...props }) => {
+	const { colors } = (0, _mantine_core.useMantineTheme)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			justifyContent: "center",
+			gap: 4
+		},
+		...props,
+		children: [
+			icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				i: icon,
+				size: pxBySize[size],
+				style: { color: colors.gray[2] }
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Text, {
+				c: "gray.6",
+				style: {
+					fontSize: 14,
+					fontWeight: 600
+				},
+				children: label
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: action })
+		]
+	});
 };
-
+//#endregion
 exports.EmptyState = EmptyState;

package/dist/components/EmptyState/index.js

@@ -1,51 +1,40 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Icon } from '../Icon.js';
-import { useMantineTheme, Text } from '@mantine/core';
-
-const pxBySize = {
-  sm: 48,
-  md: 60,
-  lg: 84
+import { Icon } from "../Icon.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Text, useMantineTheme } from "@mantine/core";
+//#region src/components/EmptyState/index.tsx
+var pxBySize = {
+	sm: 48,
+	md: 60,
+	lg: 84
 };
-const EmptyState = ({ label, action, icon, size = "md", ...props }) => {
-  const { colors } = useMantineTheme();
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        gap: 4
-      },
-      ...props,
-      children: [
-        icon && /* @__PURE__ */ jsx(
-          Icon,
-          {
-            i: icon,
-            size: pxBySize[size],
-            style: {
-              color: colors.gray[2]
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Text,
-          {
-            c: "gray.6",
-            style: {
-              fontSize: 14,
-              fontWeight: 600
-            },
-            children: label
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { children: action })
-      ]
-    }
-  );
+var EmptyState = ({ label, action, icon, size = "md", ...props }) => {
+	const { colors } = useMantineTheme();
+	return /* @__PURE__ */ jsxs("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			justifyContent: "center",
+			gap: 4
+		},
+		...props,
+		children: [
+			icon && /* @__PURE__ */ jsx(Icon, {
+				i: icon,
+				size: pxBySize[size],
+				style: { color: colors.gray[2] }
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				c: "gray.6",
+				style: {
+					fontSize: 14,
+					fontWeight: 600
+				},
+				children: label
+			}),
+			/* @__PURE__ */ jsx("div", { children: action })
+		]
+	});
 };
-
+//#endregion
 export { EmptyState };

package/dist/components/Icon.cjs

@@ -1,53 +1,49 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-
-const Icon = ({ i: I, size = "md", style, rotate, ...rest }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    I,
-    {
-      ...typeof size === "number" ? {
-        height: size,
-        width: size
-      } : stylesBySize[size],
-      viewBox: "0 0 24 24",
-      style: {
-        ...style,
-        flexShrink: 0,
-        transform: `rotate(${rotate}deg)`
-      },
-      ...rest
-    }
-  );
+"use client";
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/Icon.tsx
+var Icon = ({ i: I, size = "md", style, rotate, ...rest }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(I, {
+		...typeof size === "number" ? {
+			height: size,
+			width: size
+		} : stylesBySize[size],
+		viewBox: "0 0 24 24",
+		style: {
+			...style,
+			flexShrink: 0,
+			transform: `rotate(${rotate}deg)`
+		},
+		...rest
+	});
 };
-const stylesBySize = {
-  xs: {
-    height: 16,
-    width: 16
-  },
-  sm: {
-    height: 20,
-    width: 20
-  },
-  md: {
-    height: 24,
-    width: 24
-  },
-  lg: {
-    height: 28,
-    width: 28
-  },
-  xl: {
-    height: 32,
-    width: 32
-  },
-  ["2xl"]: {
-    height: 40,
-    width: 40
-  }
+var stylesBySize = {
+	xs: {
+		height: 16,
+		width: 16
+	},
+	sm: {
+		height: 20,
+		width: 20
+	},
+	md: {
+		height: 24,
+		width: 24
+	},
+	lg: {
+		height: 28,
+		width: 28
+	},
+	xl: {
+		height: 32,
+		width: 32
+	},
+	["2xl"]: {
+		height: 40,
+		width: 40
+	}
 };
-
+//#endregion
 exports.Icon = Icon;

package/dist/components/Icon.js

@@ -1,49 +1,47 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-
-const Icon = ({ i: I, size = "md", style, rotate, ...rest }) => {
-  return /* @__PURE__ */ jsx(
-    I,
-    {
-      ...typeof size === "number" ? {
-        height: size,
-        width: size
-      } : stylesBySize[size],
-      viewBox: "0 0 24 24",
-      style: {
-        ...style,
-        flexShrink: 0,
-        transform: `rotate(${rotate}deg)`
-      },
-      ...rest
-    }
-  );
+"use client";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Icon.tsx
+var Icon = ({ i: I, size = "md", style, rotate, ...rest }) => {
+	return /* @__PURE__ */ jsx(I, {
+		...typeof size === "number" ? {
+			height: size,
+			width: size
+		} : stylesBySize[size],
+		viewBox: "0 0 24 24",
+		style: {
+			...style,
+			flexShrink: 0,
+			transform: `rotate(${rotate}deg)`
+		},
+		...rest
+	});
 };
-const stylesBySize = {
-  xs: {
-    height: 16,
-    width: 16
-  },
-  sm: {
-    height: 20,
-    width: 20
-  },
-  md: {
-    height: 24,
-    width: 24
-  },
-  lg: {
-    height: 28,
-    width: 28
-  },
-  xl: {
-    height: 32,
-    width: 32
-  },
-  ["2xl"]: {
-    height: 40,
-    width: 40
-  }
+var stylesBySize = {
+	xs: {
+		height: 16,
+		width: 16
+	},
+	sm: {
+		height: 20,
+		width: 20
+	},
+	md: {
+		height: 24,
+		width: 24
+	},
+	lg: {
+		height: 28,
+		width: 28
+	},
+	xl: {
+		height: 32,
+		width: 32
+	},
+	["2xl"]: {
+		height: 40,
+		width: 40
+	}
 };
-
+//#endregion
 export { Icon };

package/dist/components/InfinityLoadMoreButton/index.cjs

@@ -1,44 +1,32 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const core = require('@mantine/core');
-const hooks = require('@mantine/hooks');
-const clsx = require('clsx');
-const React = require('react');
-
-const InfinityLoadMoreButton = ({
-  infinity,
-  labels,
-  parentRef,
-  loader,
-  ...props
-}) => {
-  const { entry, ref } = hooks.useIntersection({
-    root: parentRef?.current,
-    rootMargin: "0px 0px 0px 0px",
-    threshold: 0.5
-  });
-  const { loadMore = "Cargar más", end = "Fin de la lista" } = labels || {};
-  const { hasNextPage, isFetchingNextPage, fetchNextPage } = infinity;
-  React.useEffect(() => {
-    if (hasNextPage && !isFetchingNextPage && entry?.isIntersecting) fetchNextPage();
-  }, [entry?.isIntersecting]);
-  const showLoader = infinity.isLoading || infinity.isFetchingNextPage;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    core.Button,
-    {
-      ref,
-      onClick: () => fetchNextPage(),
-      loading: showLoader,
-      className: clsx(!hasNextPage && "pointer-events-none", "font-medium"),
-      variant: "transparent",
-      color: !hasNextPage ? "gray" : void 0,
-      ...props,
-      children: hasNextPage ? loadMore : end
-    }
-  );
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _mantine_core = require("@mantine/core");
+let _mantine_hooks = require("@mantine/hooks");
+let clsx = require("clsx");
+clsx = require_runtime.__toESM(clsx, 1);
+//#region src/components/InfinityLoadMoreButton/index.tsx
+var InfinityLoadMoreButton = ({ infinity, labels, parentRef, loader, ...props }) => {
+	const { entry, ref } = (0, _mantine_hooks.useIntersection)({
+		root: parentRef?.current,
+		rootMargin: "0px 0px 0px 0px",
+		threshold: .5
+	});
+	const { loadMore = "Cargar más", end = "Fin de la lista" } = labels || {};
+	const { hasNextPage, isFetchingNextPage, fetchNextPage } = infinity;
+	(0, react.useEffect)(() => {
+		if (hasNextPage && !isFetchingNextPage && entry?.isIntersecting) fetchNextPage();
+	}, [entry?.isIntersecting]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Button, {
+		ref,
+		onClick: () => fetchNextPage(),
+		loading: infinity.isLoading || infinity.isFetchingNextPage,
+		className: (0, clsx.default)(!hasNextPage && "pointer-events-none", "font-medium"),
+		variant: "transparent",
+		color: !hasNextPage ? "gray" : void 0,
+		...props,
+		children: hasNextPage ? loadMore : end
+	});
 };
-
+//#endregion
 exports.InfinityLoadMoreButton = InfinityLoadMoreButton;

package/dist/components/InfinityLoadMoreButton/index.js

@@ -1,40 +1,30 @@
-import { jsx } from 'react/jsx-runtime';
-import { Button } from '@mantine/core';
-import { useIntersection } from '@mantine/hooks';
-import clsx from 'clsx';
-import { useEffect } from 'react';
-
-const InfinityLoadMoreButton = ({
-  infinity,
-  labels,
-  parentRef,
-  loader,
-  ...props
-}) => {
-  const { entry, ref } = useIntersection({
-    root: parentRef?.current,
-    rootMargin: "0px 0px 0px 0px",
-    threshold: 0.5
-  });
-  const { loadMore = "Cargar más", end = "Fin de la lista" } = labels || {};
-  const { hasNextPage, isFetchingNextPage, fetchNextPage } = infinity;
-  useEffect(() => {
-    if (hasNextPage && !isFetchingNextPage && entry?.isIntersecting) fetchNextPage();
-  }, [entry?.isIntersecting]);
-  const showLoader = infinity.isLoading || infinity.isFetchingNextPage;
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      ref,
-      onClick: () => fetchNextPage(),
-      loading: showLoader,
-      className: clsx(!hasNextPage && "pointer-events-none", "font-medium"),
-      variant: "transparent",
-      color: !hasNextPage ? "gray" : void 0,
-      ...props,
-      children: hasNextPage ? loadMore : end
-    }
-  );
+import { useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@mantine/core";
+import { useIntersection } from "@mantine/hooks";
+import clsx from "clsx";
+//#region src/components/InfinityLoadMoreButton/index.tsx
+var InfinityLoadMoreButton = ({ infinity, labels, parentRef, loader, ...props }) => {
+	const { entry, ref } = useIntersection({
+		root: parentRef?.current,
+		rootMargin: "0px 0px 0px 0px",
+		threshold: .5
+	});
+	const { loadMore = "Cargar más", end = "Fin de la lista" } = labels || {};
+	const { hasNextPage, isFetchingNextPage, fetchNextPage } = infinity;
+	useEffect(() => {
+		if (hasNextPage && !isFetchingNextPage && entry?.isIntersecting) fetchNextPage();
+	}, [entry?.isIntersecting]);
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		onClick: () => fetchNextPage(),
+		loading: infinity.isLoading || infinity.isFetchingNextPage,
+		className: clsx(!hasNextPage && "pointer-events-none", "font-medium"),
+		variant: "transparent",
+		color: !hasNextPage ? "gray" : void 0,
+		...props,
+		children: hasNextPage ? loadMore : end
+	});
 };
-
+//#endregion
 export { InfinityLoadMoreButton };