framepexls-ui-lib 0.1.22 → 0.1.23

package/dist/KpiCard.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type KpiCardProps = {
+    label: string;
+    value: string | number;
+    delta: string;
+    help?: string;
+};
+declare function KpiCard({ label, value, delta, help }: KpiCardProps): react_jsx_runtime.JSX.Element;
+
+export { type KpiCardProps, KpiCard as default };

package/dist/KpiCard.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type KpiCardProps = {
+    label: string;
+    value: string | number;
+    delta: string;
+    help?: string;
+};
+declare function KpiCard({ label, value, delta, help }: KpiCardProps): react_jsx_runtime.JSX.Element;
+
+export { type KpiCardProps, KpiCard as default };

package/dist/KpiCard.js

@@ -0,0 +1,35 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var KpiCard_exports = {};
+__export(KpiCard_exports, {
+  default: () => KpiCard
+});
+module.exports = __toCommonJS(KpiCard_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function KpiCard({ label, value, delta, help }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-2xl border border-white/50 bg-white/75 p-4 text-slate-900/90 backdrop-blur-sm dark:border-white/10 dark:bg-white/10 dark:text-white", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-slate-600 dark:text-white/80", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rounded-full bg-blue-600/10 px-2 py-0.5 text-[12px] font-semibold text-blue-700 dark:bg-blue-500/15 dark:text-blue-200", children: delta })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 text-xl font-extrabold", children: value }),
+    help && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-0.5 text-[12px] text-slate-500 dark:text-white/70", children: help })
+  ] });
+}

package/dist/KpiCard.mjs

@@ -0,0 +1,15 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+function KpiCard({ label, value, delta, help }) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-white/50 bg-white/75 p-4 text-slate-900/90 backdrop-blur-sm dark:border-white/10 dark:bg-white/10 dark:text-white", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-slate-600 dark:text-white/80", children: label }),
+      /* @__PURE__ */ jsx("span", { className: "rounded-full bg-blue-600/10 px-2 py-0.5 text-[12px] font-semibold text-blue-700 dark:bg-blue-500/15 dark:text-blue-200", children: delta })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-1 text-xl font-extrabold", children: value }),
+    help && /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-[12px] text-slate-500 dark:text-white/70", children: help })
+  ] });
+}
+export {
+  KpiCard as default
+};

package/dist/index.d.mts

@@ -18,6 +18,7 @@ export { default as UploadCard, UploadCardProps, UploadItem } from './UploadCard
 export { default as MediaCard, MediaCardProps } from './MediaCard.mjs';
 export { default as MediaSelector, MediaSelectorItem, MediosAdapter } from './MediaSelector.mjs';
 export { default as StatCard } from './StatCard.mjs';
+export { default as KpiCard, KpiCardProps } from './KpiCard.mjs';
 export { default as Badge, Tone as BadgeTone } from './Badge.mjs';
 export { default as BadgeCluster } from './BadgeCluster.mjs';
 export { default as Breadcrumb } from './Breadcrumb.mjs';

package/dist/index.d.ts

@@ -18,6 +18,7 @@ export { default as UploadCard, UploadCardProps, UploadItem } from './UploadCard
 export { default as MediaCard, MediaCardProps } from './MediaCard.js';
 export { default as MediaSelector, MediaSelectorItem, MediosAdapter } from './MediaSelector.js';
 export { default as StatCard } from './StatCard.js';
+export { default as KpiCard, KpiCardProps } from './KpiCard.js';
 export { default as Badge, Tone as BadgeTone } from './Badge.js';
 export { default as BadgeCluster } from './BadgeCluster.js';
 export { default as Breadcrumb } from './Breadcrumb.js';

package/dist/index.js

@@ -51,6 +51,7 @@ __export(index_exports, {
   FiltersMultiSelect: () => import_FiltersMultiSelect.default,
   InfoGrid: () => import_InfoGrid.default,
   Input: () => import_Input.default,
+  KpiCard: () => import_KpiCard.default,
   Link: () => import_Link.default,
   MediaCard: () => import_MediaCard.default,
   MediaSelector: () => import_MediaSelector.default,
@@ -105,6 +106,7 @@ var import_UploadCard = __toESM(require("./UploadCard"));
 var import_MediaCard = __toESM(require("./MediaCard"));
 var import_MediaSelector = __toESM(require("./MediaSelector"));
 var import_StatCard = __toESM(require("./StatCard"));
+var import_KpiCard = __toESM(require("./KpiCard"));
 var import_Badge = __toESM(require("./Badge"));
 var import_BadgeCluster = __toESM(require("./BadgeCluster"));
 var import_Breadcrumb = __toESM(require("./Breadcrumb"));
@@ -158,6 +160,7 @@ __reExport(index_exports, require("./iconos"), module.exports);
   FiltersMultiSelect,
   InfoGrid,
   Input,
+  KpiCard,
   Link,
   MediaCard,
   MediaSelector,

package/dist/index.mjs

@@ -20,85 +20,87 @@ import { default as default17 } from "./UploadCard";
 import { default as default18 } from "./MediaCard";
 import { default as default19 } from "./MediaSelector";
 import { default as default20 } from "./StatCard";
-import { default as default21 } from "./Badge";
-import { default as default22 } from "./BadgeCluster";
-import { default as default23 } from "./Breadcrumb";
-import { default as default24 } from "./EmptyState";
-import { default as default25 } from "./Money";
-import { default as default26 } from "./TimeAgo";
-import { default as default27 } from "./AvatarSquare";
-import { default as default28 } from "./AvatarGroup";
-import { default as default29 } from "./AppTopbar";
-import { default as default30 } from "./OrderButton";
-import { default as default31 } from "./SearchInput";
-import { default as default32 } from "./ReviewHistory";
+import { default as default21 } from "./KpiCard";
+import { default as default22 } from "./Badge";
+import { default as default23 } from "./BadgeCluster";
+import { default as default24 } from "./Breadcrumb";
+import { default as default25 } from "./EmptyState";
+import { default as default26 } from "./Money";
+import { default as default27 } from "./TimeAgo";
+import { default as default28 } from "./AvatarSquare";
+import { default as default29 } from "./AvatarGroup";
+import { default as default30 } from "./AppTopbar";
+import { default as default31 } from "./OrderButton";
+import { default as default32 } from "./SearchInput";
+import { default as default33 } from "./ReviewHistory";
 import { ReviewHistoryDialog } from "./ReviewHistory";
-import { default as default33 } from "./MultiComboSelect";
-import { default as default34 } from "./Sidebar";
-import { default as default35 } from "./Card";
-import { default as default36 } from "./Drawer";
-import { default as default37 } from "./Tooltip";
-import { default as default38 } from "./Link";
+import { default as default34 } from "./MultiComboSelect";
+import { default as default35 } from "./Sidebar";
+import { default as default36 } from "./Card";
+import { default as default37 } from "./Drawer";
+import { default as default38 } from "./Tooltip";
+import { default as default39 } from "./Link";
 import { ToastProvider, useToast } from "./Toast";
-import { default as default39 } from "./StorageUsage";
-import { default as default40 } from "./CalendarPanel";
-import { default as default41 } from "./TimePopover";
+import { default as default40 } from "./StorageUsage";
+import { default as default41 } from "./CalendarPanel";
+import { default as default42 } from "./TimePopover";
 import { WeekPopover, MonthPopover } from "./TimePopover";
-import { default as default42 } from "./TimePanel";
-import { default as default43 } from "./TimeRangeField";
-import { default as default44 } from "./Steps";
+import { default as default43 } from "./TimePanel";
+import { default as default44 } from "./TimeRangeField";
+import { default as default45 } from "./Steps";
 import { StepsNav } from "./Steps";
 export * from "./iconos";
 export {
   default3 as ActionIconButton,
-  default29 as AppTopbar,
-  default28 as AvatarGroup,
-  default27 as AvatarSquare,
-  default21 as Badge,
-  default22 as BadgeCluster,
-  default23 as Breadcrumb,
+  default30 as AppTopbar,
+  default29 as AvatarGroup,
+  default28 as AvatarSquare,
+  default22 as Badge,
+  default23 as BadgeCluster,
+  default24 as Breadcrumb,
   default2 as Button,
-  default40 as CalendarPanel,
-  default35 as Card,
+  default41 as CalendarPanel,
+  default36 as Card,
   default16 as ChartCard,
   default6 as CheckboxPillsGroup,
   default10 as ColumnSelector,
   default9 as ComboSelect,
   default11 as DateTimeField,
   default12 as Dialog,
-  default36 as Drawer,
+  default37 as Drawer,
   default13 as Dropdown,
-  default24 as EmptyState,
+  default25 as EmptyState,
   default7 as FiltersMultiSelect,
   default15 as InfoGrid,
   default4 as Input,
-  default38 as Link,
+  default21 as KpiCard,
+  default39 as Link,
   default18 as MediaCard,
   default19 as MediaSelector,
-  default25 as Money,
+  default26 as Money,
   MonthPopover,
-  default33 as MultiComboSelect,
-  default30 as OrderButton,
+  default34 as MultiComboSelect,
+  default31 as OrderButton,
   default14 as Pagination,
-  default32 as ReviewHistory,
+  default33 as ReviewHistory,
   ReviewHistoryDialog,
-  default31 as SearchInput,
+  default32 as SearchInput,
   default8 as Select,
-  default34 as Sidebar,
+  default35 as Sidebar,
   SortTh,
   default20 as StatCard,
-  default44 as Steps,
+  default45 as Steps,
   StepsNav,
-  default39 as StorageUsage,
+  default40 as StorageUsage,
   Td,
   default5 as Textarea,
   Th,
-  default26 as TimeAgo,
-  default42 as TimePanel,
-  default41 as TimePopover,
-  default43 as TimeRangeField,
+  default27 as TimeAgo,
+  default43 as TimePanel,
+  default42 as TimePopover,
+  default44 as TimeRangeField,
   ToastProvider,
-  default37 as Tooltip,
+  default38 as Tooltip,
   default17 as UploadCard,
   WeekPopover,
   useToast

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "framepexls-ui-lib",
-  "version": "0.1.22",
+  "version": "0.1.23",
   "private": false,
   "license": "MIT",
   "description": "Componentes UI de Framepexls para React/Next.",