framepexls-ui-lib 0.1.13 → 0.1.15

package/dist/UploadCard.js

@@ -0,0 +1,143 @@
+"use strict";
+"use client";
+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 __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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var UploadCard_exports = {};
+__export(UploadCard_exports, {
+  default: () => UploadCard
+});
+module.exports = __toCommonJS(UploadCard_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ChartCard = __toESM(require("./ChartCard"));
+var import_Button = __toESM(require("./Button"));
+var import_Input = __toESM(require("./Input"));
+function UploadCard({
+  title = "Subir archivos",
+  subtitle,
+  accept,
+  multiple = true,
+  disabled,
+  buttonLabel = "Seleccionar",
+  dropLabel = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm font-medium", children: "Arrastra y suelta archivos aqu\xED o haz clic" }),
+  note = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-slate-500", children: "M\xE1ximo recomendado 16MB por archivo" }),
+  uploads,
+  className,
+  onFilesSelected
+}) {
+  const inputRef = (0, import_react.useRef)(null);
+  const handleDrop = (e) => {
+    e.preventDefault();
+    onFilesSelected(e.dataTransfer.files);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_ChartCard.default,
+    {
+      className,
+      title,
+      subtitle,
+      right: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Input.default,
+          {
+            unstyled: true,
+            ref: inputRef,
+            type: "file",
+            accept,
+            multiple,
+            className: "hidden",
+            onChange: (e) => onFilesSelected(e.target.files)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.default, { onClick: () => {
+          var _a;
+          return (_a = inputRef.current) == null ? void 0 : _a.click();
+        }, disabled, children: buttonLabel })
+      ] }),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            onDragOver: (e) => {
+              e.preventDefault();
+              e.dataTransfer.dropEffect = "copy";
+            },
+            onDrop: handleDrop,
+            onClick: () => {
+              var _a;
+              return (_a = inputRef.current) == null ? void 0 : _a.click();
+            },
+            className: "flex cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border border-dashed border-slate-300 bg-gradient-to-b from-white/90 to-white/60 p-8 text-center transition hover:border-slate-400 hover:bg-white/80 dark:border-white/10 dark:from-white/10 dark:to-white/5",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "svg",
+                {
+                  viewBox: "0 0 24 24",
+                  className: "h-8 w-8 text-slate-400",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "1.6",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 16V4M7 9l5-5 5 5M20 16v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3" })
+                }
+              ),
+              dropLabel,
+              note
+            ]
+          }
+        ),
+        uploads && uploads.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-4 space-y-2", children: uploads.map((u) => {
+          var _a, _b;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              className: "flex items-center gap-3 rounded-xl border border-slate-200 bg-white/70 p-2 dark:border-white/10 dark:bg-white/5",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "truncate text-sm font-medium", children: u.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-xs text-slate-500", children: [
+                    Math.max(0, Math.min(100, Math.round((_a = u.progress) != null ? _a : 0))),
+                    "%"
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 h-2 w-full overflow-hidden rounded-full bg-slate-100 dark:bg-white/10", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "div",
+                  {
+                    className: "h-full bg-gradient-to-r from-emerald-500/70 to-emerald-500/20",
+                    style: { width: `${Math.max(0, Math.min(100, Math.round((_b = u.progress) != null ? _b : 0)))}%` }
+                  }
+                ) }),
+                u.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1 text-xs text-blue-600", children: u.error })
+              ] })
+            },
+            u.id
+          );
+        }) })
+      ]
+    }
+  );
+}

package/dist/UploadCard.mjs

@@ -0,0 +1,113 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import ChartCard from "./ChartCard";
+import Button from "./Button";
+import Input from "./Input";
+function UploadCard({
+  title = "Subir archivos",
+  subtitle,
+  accept,
+  multiple = true,
+  disabled,
+  buttonLabel = "Seleccionar",
+  dropLabel = /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Arrastra y suelta archivos aqu\xED o haz clic" }),
+  note = /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500", children: "M\xE1ximo recomendado 16MB por archivo" }),
+  uploads,
+  className,
+  onFilesSelected
+}) {
+  const inputRef = useRef(null);
+  const handleDrop = (e) => {
+    e.preventDefault();
+    onFilesSelected(e.dataTransfer.files);
+  };
+  return /* @__PURE__ */ jsxs(
+    ChartCard,
+    {
+      className,
+      title,
+      subtitle,
+      right: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            unstyled: true,
+            ref: inputRef,
+            type: "file",
+            accept,
+            multiple,
+            className: "hidden",
+            onChange: (e) => onFilesSelected(e.target.files)
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { onClick: () => {
+          var _a;
+          return (_a = inputRef.current) == null ? void 0 : _a.click();
+        }, disabled, children: buttonLabel })
+      ] }),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            onDragOver: (e) => {
+              e.preventDefault();
+              e.dataTransfer.dropEffect = "copy";
+            },
+            onDrop: handleDrop,
+            onClick: () => {
+              var _a;
+              return (_a = inputRef.current) == null ? void 0 : _a.click();
+            },
+            className: "flex cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border border-dashed border-slate-300 bg-gradient-to-b from-white/90 to-white/60 p-8 text-center transition hover:border-slate-400 hover:bg-white/80 dark:border-white/10 dark:from-white/10 dark:to-white/5",
+            children: [
+              /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  viewBox: "0 0 24 24",
+                  className: "h-8 w-8 text-slate-400",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "1.6",
+                  children: /* @__PURE__ */ jsx("path", { d: "M12 16V4M7 9l5-5 5 5M20 16v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3" })
+                }
+              ),
+              dropLabel,
+              note
+            ]
+          }
+        ),
+        uploads && uploads.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-4 space-y-2", children: uploads.map((u) => {
+          var _a, _b;
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "flex items-center gap-3 rounded-xl border border-slate-200 bg-white/70 p-2 dark:border-white/10 dark:bg-white/5",
+              children: /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+                  /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: u.name }),
+                  /* @__PURE__ */ jsxs("div", { className: "text-xs text-slate-500", children: [
+                    Math.max(0, Math.min(100, Math.round((_a = u.progress) != null ? _a : 0))),
+                    "%"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "mt-1 h-2 w-full overflow-hidden rounded-full bg-slate-100 dark:bg-white/10", children: /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "h-full bg-gradient-to-r from-emerald-500/70 to-emerald-500/20",
+                    style: { width: `${Math.max(0, Math.min(100, Math.round((_b = u.progress) != null ? _b : 0)))}%` }
+                  }
+                ) }),
+                u.status === "error" && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-blue-600", children: u.error })
+              ] })
+            },
+            u.id
+          );
+        }) })
+      ]
+    }
+  );
+}
+export {
+  UploadCard as default
+};

package/dist/index.d.mts

@@ -2,6 +2,7 @@ export { default as Button } from './Button.mjs';
 export { default as ActionIconButton } from './ActionIconButton.mjs';
 export { default as Input, InputProps } from './Input.mjs';
 export { default as CheckboxPillsGroup, CheckboxPillsGroupProps, PillsOption } from './CheckboxPillsGroup.mjs';
+export { FilterGroup, default as FiltersMultiSelect, FiltersMultiSelectProps } from './FiltersMultiSelect.mjs';
 export { default as Select } from './Select.mjs';
 export { ComboOption, ComboSection, default as ComboSelect, ComboSelectProps } from './ComboSelect.mjs';
 export { ColumnItem, default as ColumnSelector } from './ColumnSelector.mjs';
@@ -12,6 +13,9 @@ export { SortTh, Td, Th } from './Table.mjs';
 export { default as Pagination, PaginationProps } from './Pagination.mjs';
 export { default as InfoGrid, InfoItem } from './InfoGrid.mjs';
 export { default as ChartCard } from './ChartCard.mjs';
+export { default as UploadCard, UploadCardProps, UploadItem } from './UploadCard.mjs';
+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 Badge, Tone as BadgeTone } from './Badge.mjs';
 export { default as BadgeCluster } from './BadgeCluster.mjs';
@@ -20,17 +24,23 @@ export { default as EmptyState } from './EmptyState.mjs';
 export { default as Money } from './Money.mjs';
 export { default as TimeAgo } from './TimeAgo.mjs';
 export { default as AvatarSquare } from './AvatarSquare.mjs';
+export { default as AvatarGroup } from './AvatarGroup.mjs';
 export { default as AppTopbar } from './AppTopbar.mjs';
 export { default as OrderButton } from './OrderButton.mjs';
 export { default as SearchInput } from './SearchInput.mjs';
 export { default as ReviewHistory, ReviewHistoryDialog } from './ReviewHistory.mjs';
 export { MultiComboOption, default as MultiComboSelect, MultiComboSelectProps } from './MultiComboSelect.mjs';
 export { default as Sidebar } from './Sidebar.mjs';
+export { default as Card } from './Card.mjs';
+export { default as Drawer } from './Drawer.mjs';
+export { default as Tooltip } from './Tooltip.mjs';
+export { default as Link } from './Link.mjs';
+export { ToastProvider, useToast } from './Toast.mjs';
 export { default as CalendarPanel, CalendarPanelProps } from './CalendarPanel.mjs';
 export { MonthPopover, default as TimePopover, WeekPopover } from './TimePopover.mjs';
 export { default as TimePanel } from './TimePanel.mjs';
 export { TimeRange, default as TimeRangeField, TimeRangeFieldProps } from './TimeRangeField.mjs';
 export { StepDef, default as Steps, StepsNav } from './Steps.mjs';
 export { Aficionados, AuditarDocumento, Borrar, CajaDeMano, Cajas, Calendario, ChevronLeftRightIcon, CirculoAdvertencia, CirculoExito, CirculoPeligro, CirculoPorDefecto, ClientsIcon, CloseIcon, ContraseniaDeEmailIcon, Cotizaciones, DashboardIcon, Directorio, Edificio, Editar, Empresa, EscaneoFacial, EyeIcon, FlechaAbajo, FlechaArriba, Imagenes, LlamadaTelefonica, LogoutIcon, MarketingDigital, MediosDeComunicacionSocial, MenuIcon, MenuPuntosVerticalIcon, Nota, Ojo, OrdersIcon, PencilIcon, PermsIcon, ProductsIcon, PromoIcon, Retroalimentacion, RolesIcon, Sobre, Tablero, Tarea, Tickets, TrabajoEnEquipo, TrashIcon, UserIcon, UsersIcon, UsuarioProhibidoIcon, Usuarios } from './iconos/index.mjs';
-import 'react/jsx-runtime';
 import 'react';
+import 'react/jsx-runtime';

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { default as Button } from './Button.js';
 export { default as ActionIconButton } from './ActionIconButton.js';
 export { default as Input, InputProps } from './Input.js';
 export { default as CheckboxPillsGroup, CheckboxPillsGroupProps, PillsOption } from './CheckboxPillsGroup.js';
+export { FilterGroup, default as FiltersMultiSelect, FiltersMultiSelectProps } from './FiltersMultiSelect.js';
 export { default as Select } from './Select.js';
 export { ComboOption, ComboSection, default as ComboSelect, ComboSelectProps } from './ComboSelect.js';
 export { ColumnItem, default as ColumnSelector } from './ColumnSelector.js';
@@ -12,6 +13,9 @@ export { SortTh, Td, Th } from './Table.js';
 export { default as Pagination, PaginationProps } from './Pagination.js';
 export { default as InfoGrid, InfoItem } from './InfoGrid.js';
 export { default as ChartCard } from './ChartCard.js';
+export { default as UploadCard, UploadCardProps, UploadItem } from './UploadCard.js';
+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 Badge, Tone as BadgeTone } from './Badge.js';
 export { default as BadgeCluster } from './BadgeCluster.js';
@@ -20,17 +24,23 @@ export { default as EmptyState } from './EmptyState.js';
 export { default as Money } from './Money.js';
 export { default as TimeAgo } from './TimeAgo.js';
 export { default as AvatarSquare } from './AvatarSquare.js';
+export { default as AvatarGroup } from './AvatarGroup.js';
 export { default as AppTopbar } from './AppTopbar.js';
 export { default as OrderButton } from './OrderButton.js';
 export { default as SearchInput } from './SearchInput.js';
 export { default as ReviewHistory, ReviewHistoryDialog } from './ReviewHistory.js';
 export { MultiComboOption, default as MultiComboSelect, MultiComboSelectProps } from './MultiComboSelect.js';
 export { default as Sidebar } from './Sidebar.js';
+export { default as Card } from './Card.js';
+export { default as Drawer } from './Drawer.js';
+export { default as Tooltip } from './Tooltip.js';
+export { default as Link } from './Link.js';
+export { ToastProvider, useToast } from './Toast.js';
 export { default as CalendarPanel, CalendarPanelProps } from './CalendarPanel.js';
 export { MonthPopover, default as TimePopover, WeekPopover } from './TimePopover.js';
 export { default as TimePanel } from './TimePanel.js';
 export { TimeRange, default as TimeRangeField, TimeRangeFieldProps } from './TimeRangeField.js';
 export { StepDef, default as Steps, StepsNav } from './Steps.js';
 export { Aficionados, AuditarDocumento, Borrar, CajaDeMano, Cajas, Calendario, ChevronLeftRightIcon, CirculoAdvertencia, CirculoExito, CirculoPeligro, CirculoPorDefecto, ClientsIcon, CloseIcon, ContraseniaDeEmailIcon, Cotizaciones, DashboardIcon, Directorio, Edificio, Editar, Empresa, EscaneoFacial, EyeIcon, FlechaAbajo, FlechaArriba, Imagenes, LlamadaTelefonica, LogoutIcon, MarketingDigital, MediosDeComunicacionSocial, MenuIcon, MenuPuntosVerticalIcon, Nota, Ojo, OrdersIcon, PencilIcon, PermsIcon, ProductsIcon, PromoIcon, Retroalimentacion, RolesIcon, Sobre, Tablero, Tarea, Tickets, TrabajoEnEquipo, TrashIcon, UserIcon, UsersIcon, UsuarioProhibidoIcon, Usuarios } from './iconos/index.js';
-import 'react/jsx-runtime';
 import 'react';
+import 'react/jsx-runtime';

package/dist/index.js

@@ -31,22 +31,29 @@ var index_exports = {};
 __export(index_exports, {
   ActionIconButton: () => import_ActionIconButton.default,
   AppTopbar: () => import_AppTopbar.default,
+  AvatarGroup: () => import_AvatarGroup.default,
   AvatarSquare: () => import_AvatarSquare.default,
   Badge: () => import_Badge.default,
   BadgeCluster: () => import_BadgeCluster.default,
   Breadcrumb: () => import_Breadcrumb.default,
   Button: () => import_Button.default,
   CalendarPanel: () => import_CalendarPanel.default,
+  Card: () => import_Card.default,
   ChartCard: () => import_ChartCard.default,
   CheckboxPillsGroup: () => import_CheckboxPillsGroup.default,
   ColumnSelector: () => import_ColumnSelector.default,
   ComboSelect: () => import_ComboSelect.default,
   DateTimeField: () => import_DateTimeField.default,
   Dialog: () => import_Dialog.default,
+  Drawer: () => import_Drawer.default,
   Dropdown: () => import_Dropdown.default,
   EmptyState: () => import_EmptyState.default,
+  FiltersMultiSelect: () => import_FiltersMultiSelect.default,
   InfoGrid: () => import_InfoGrid.default,
   Input: () => import_Input.default,
+  Link: () => import_Link.default,
+  MediaCard: () => import_MediaCard.default,
+  MediaSelector: () => import_MediaSelector.default,
   Money: () => import_Money.default,
   MonthPopover: () => import_TimePopover2.MonthPopover,
   MultiComboSelect: () => import_MultiComboSelect.default,
@@ -67,13 +74,18 @@ __export(index_exports, {
   TimePanel: () => import_TimePanel.default,
   TimePopover: () => import_TimePopover.default,
   TimeRangeField: () => import_TimeRangeField.default,
-  WeekPopover: () => import_TimePopover2.WeekPopover
+  ToastProvider: () => import_Toast.ToastProvider,
+  Tooltip: () => import_Tooltip.default,
+  UploadCard: () => import_UploadCard.default,
+  WeekPopover: () => import_TimePopover2.WeekPopover,
+  useToast: () => import_Toast.useToast
 });
 module.exports = __toCommonJS(index_exports);
 var import_Button = __toESM(require("./Button"));
 var import_ActionIconButton = __toESM(require("./ActionIconButton"));
 var import_Input = __toESM(require("./Input"));
 var import_CheckboxPillsGroup = __toESM(require("./CheckboxPillsGroup"));
+var import_FiltersMultiSelect = __toESM(require("./FiltersMultiSelect"));
 var import_Select = __toESM(require("./Select"));
 var import_ComboSelect = __toESM(require("./ComboSelect"));
 var import_ColumnSelector = __toESM(require("./ColumnSelector"));
@@ -86,6 +98,9 @@ var import_Table = require("./Table");
 var import_Pagination = __toESM(require("./Pagination"));
 var import_InfoGrid = __toESM(require("./InfoGrid"));
 var import_ChartCard = __toESM(require("./ChartCard"));
+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_Badge = __toESM(require("./Badge"));
 var import_BadgeCluster = __toESM(require("./BadgeCluster"));
@@ -94,6 +109,7 @@ var import_EmptyState = __toESM(require("./EmptyState"));
 var import_Money = __toESM(require("./Money"));
 var import_TimeAgo = __toESM(require("./TimeAgo"));
 var import_AvatarSquare = __toESM(require("./AvatarSquare"));
+var import_AvatarGroup = __toESM(require("./AvatarGroup"));
 var import_AppTopbar = __toESM(require("./AppTopbar"));
 var import_OrderButton = __toESM(require("./OrderButton"));
 var import_SearchInput = __toESM(require("./SearchInput"));
@@ -101,6 +117,11 @@ var import_ReviewHistory = __toESM(require("./ReviewHistory"));
 var import_ReviewHistory2 = require("./ReviewHistory");
 var import_MultiComboSelect = __toESM(require("./MultiComboSelect"));
 var import_Sidebar = __toESM(require("./Sidebar"));
+var import_Card = __toESM(require("./Card"));
+var import_Drawer = __toESM(require("./Drawer"));
+var import_Tooltip = __toESM(require("./Tooltip"));
+var import_Link = __toESM(require("./Link"));
+var import_Toast = require("./Toast");
 var import_CalendarPanel = __toESM(require("./CalendarPanel"));
 var import_TimePopover = __toESM(require("./TimePopover"));
 var import_TimePopover2 = require("./TimePopover");
@@ -113,22 +134,29 @@ __reExport(index_exports, require("./iconos"), module.exports);
 0 && (module.exports = {
   ActionIconButton,
   AppTopbar,
+  AvatarGroup,
   AvatarSquare,
   Badge,
   BadgeCluster,
   Breadcrumb,
   Button,
   CalendarPanel,
+  Card,
   ChartCard,
   CheckboxPillsGroup,
   ColumnSelector,
   ComboSelect,
   DateTimeField,
   Dialog,
+  Drawer,
   Dropdown,
   EmptyState,
+  FiltersMultiSelect,
   InfoGrid,
   Input,
+  Link,
+  MediaCard,
+  MediaSelector,
   Money,
   MonthPopover,
   MultiComboSelect,
@@ -149,7 +177,11 @@ __reExport(index_exports, require("./iconos"), module.exports);
   TimePanel,
   TimePopover,
   TimeRangeField,
+  ToastProvider,
+  Tooltip,
+  UploadCard,
   WeekPopover,
+  useToast,
   ...require("./Dialog"),
   ...require("./Dropdown"),
   ...require("./iconos")

package/dist/index.mjs

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

package/package.json

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