framepexls-ui-lib 2.1.0 → 2.2.1

package/dist/DataPageLayout.mjs

@@ -0,0 +1,157 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import AssetTickerRow from "./AssetTickerRow.mjs";
+import DataTable from "./DataTable.mjs";
+import DataTableCard from "./DataTableCard.mjs";
+import DataTableCardFooter from "./DataTableCardFooter.mjs";
+import EmptyState from "./EmptyState.mjs";
+import PageScaffold from "./PageScaffold.mjs";
+function cx(...values) {
+  return values.filter(Boolean).join(" ");
+}
+const accents = ["var(--primary)", "#0ea5e9", "#22c55e"];
+function toNumericValue(value) {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string") {
+    const parsed = Number(value.replace(/[^\d.-]/g, ""));
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+}
+function getSymbol(label, fallback) {
+  const words = label.normalize("NFD").replace(/[\u0300-\u036f]/g, "").split(/\s+/).filter(Boolean);
+  const initials = words.map((word) => word[0]).join("").slice(0, 3);
+  return (initials || fallback).toUpperCase();
+}
+function DataPageKpiTickerRow({
+  items,
+  className
+}) {
+  const tickerItems = items.slice(0, 3).map((item, index) => {
+    var _a, _b, _c, _d, _e;
+    const price = (_a = item.numericValue) != null ? _a : toNumericValue(item.value);
+    const sparkline = (_b = item.sparkline) != null ? _b : [
+      Math.max(0, (price != null ? price : 0) * 0.72),
+      Math.max(0, (price != null ? price : 0) * 0.88),
+      Math.max(0, price != null ? price : 0)
+    ];
+    return {
+      id: item.id,
+      name: item.label,
+      symbol: (_c = item.symbol) != null ? _c : getSymbol(item.label, String(index + 1)),
+      price,
+      change: item.change,
+      changePercent: item.changePercent,
+      sparkline,
+      accent: (_e = (_d = item.accent) != null ? _d : accents[index]) != null ? _e : "var(--primary)",
+      meta: item.helper,
+      displayValue: item.value
+    };
+  });
+  return /* @__PURE__ */ jsx(
+    AssetTickerRow,
+    {
+      items: tickerItems,
+      className,
+      priceFormatter: (_, item) => item.displayValue
+    }
+  );
+}
+function renderEmptyState(emptyState) {
+  if (!emptyState) return /* @__PURE__ */ jsx(EmptyState, {});
+  if (React.isValidElement(emptyState)) return emptyState;
+  if (typeof emptyState === "string" || typeof emptyState === "number") {
+    return /* @__PURE__ */ jsx(EmptyState, { title: emptyState });
+  }
+  return /* @__PURE__ */ jsx(EmptyState, { ...emptyState });
+}
+function DataPageLayout({
+  title: _title,
+  subtitle: _subtitle,
+  breadcrumb,
+  breadcrumbItems,
+  top,
+  tickerItems,
+  tickerClassName,
+  beforeTable,
+  afterTable,
+  overlays,
+  cardClassName,
+  cardHeaderClassName,
+  bulkBar,
+  controlsLeft,
+  controlsRight,
+  toolbarColumns,
+  rows,
+  columns,
+  getRowId,
+  tableProps,
+  table,
+  tableContainerClassName,
+  empty,
+  emptyState,
+  emptyAction,
+  footer,
+  pagination,
+  error,
+  errorClassName,
+  children,
+  ...pageProps
+}) {
+  const resolvedBreadcrumb = breadcrumb != null ? breadcrumb : (breadcrumbItems == null ? void 0 : breadcrumbItems.length) ? { items: breadcrumbItems } : void 0;
+  const hasTicker = Boolean(tickerItems == null ? void 0 : tickerItems.length);
+  const tableRows = rows != null ? rows : [];
+  const resolvedEmpty = empty != null ? empty : !table && tableRows.length === 0;
+  const tableNode = table != null ? table : columns && getRowId ? /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      rows: tableRows,
+      columns,
+      getRowId,
+      ...tableProps != null ? tableProps : {}
+    }
+  ) : null;
+  const footerNode = footer != null ? footer : pagination ? /* @__PURE__ */ jsx(
+    DataTableCardFooter,
+    {
+      page: pagination.page,
+      totalPages: pagination.totalPages,
+      pageSize: pagination.pageSize,
+      pageSizeOptions: pagination.pageSizeOptions,
+      onPageChange: pagination.onPageChange,
+      onPageSizeChange: pagination.onPageSizeChange
+    }
+  ) : null;
+  const topNode = top || hasTicker ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    top,
+    hasTicker ? /* @__PURE__ */ jsx(DataPageKpiTickerRow, { items: tickerItems != null ? tickerItems : [], className: tickerClassName }) : null
+  ] }) : void 0;
+  return /* @__PURE__ */ jsxs(PageScaffold, { ...pageProps, breadcrumb: resolvedBreadcrumb, top: topNode, columns: toolbarColumns, children: [
+    beforeTable,
+    children != null ? children : /* @__PURE__ */ jsx(
+      DataTableCard,
+      {
+        className: cardClassName,
+        headerClassName: cardHeaderClassName,
+        bulkBar,
+        controlsLeft,
+        controlsRight,
+        children: resolvedEmpty ? /* @__PURE__ */ jsxs("div", { className: "p-8", children: [
+          renderEmptyState(emptyState),
+          emptyAction ? /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: emptyAction }) : null
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: cx("overflow-auto", tableContainerClassName), children: tableNode }),
+          footerNode
+        ] })
+      }
+    ),
+    error ? /* @__PURE__ */ jsx("div", { className: cx("mt-4 rounded-xl border border-[var(--border)] px-4 py-3 text-sm text-[var(--muted)]", errorClassName), children: error }) : null,
+    afterTable,
+    overlays
+  ] });
+}
+export {
+  DataPageKpiTickerRow,
+  DataPageLayout as default
+};

package/dist/DataTable.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type Align = "left" | "center" | "right";
@@ -92,6 +91,6 @@ type Props<Row, K extends string> = {
         previous: unknown;
     }) => void;
 };
-declare function DataTable<Row, K extends string>({ rows, columns, getRowId, className, ariaLabel, loading, dense, stickyHeader, striped, hoverable, empty, resizableColumns, persistKey, animateSort, quickEdit, edicionRapida, rowClassName, sort, defaultSort, onSortChange, manualSort, onRowsChange, onCellCommit, onCellError, }: Props<Row, K>): react_jsx_runtime.JSX.Element;
+declare function DataTable<Row, K extends string>({ rows, columns, getRowId, className, ariaLabel, loading, dense, stickyHeader, striped, hoverable, empty, resizableColumns, persistKey, animateSort, quickEdit, edicionRapida, rowClassName, sort, defaultSort, onSortChange, manualSort, onRowsChange, onCellCommit, onCellError, }: Props<Row, K>): React__default.JSX.Element;
 
 export { type DataTableColumn, type DataTableEditorArgs, type DataTableSort, DataTable as default };

package/dist/DataTable.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type Align = "left" | "center" | "right";
@@ -92,6 +91,6 @@ type Props<Row, K extends string> = {
         previous: unknown;
     }) => void;
 };
-declare function DataTable<Row, K extends string>({ rows, columns, getRowId, className, ariaLabel, loading, dense, stickyHeader, striped, hoverable, empty, resizableColumns, persistKey, animateSort, quickEdit, edicionRapida, rowClassName, sort, defaultSort, onSortChange, manualSort, onRowsChange, onCellCommit, onCellError, }: Props<Row, K>): react_jsx_runtime.JSX.Element;
+declare function DataTable<Row, K extends string>({ rows, columns, getRowId, className, ariaLabel, loading, dense, stickyHeader, striped, hoverable, empty, resizableColumns, persistKey, animateSort, quickEdit, edicionRapida, rowClassName, sort, defaultSort, onSortChange, manualSort, onRowsChange, onCellCommit, onCellError, }: Props<Row, K>): React__default.JSX.Element;
 
 export { type DataTableColumn, type DataTableEditorArgs, type DataTableSort, DataTable as default };

package/dist/DataTableCard.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type DataTableCardProps = {
@@ -9,6 +8,6 @@ type DataTableCardProps = {
     controlsRight?: React__default.ReactNode;
     children: React__default.ReactNode;
 };
-declare function DataTableCard({ className, headerClassName, bulkBar, controlsLeft, controlsRight, children }: DataTableCardProps): react_jsx_runtime.JSX.Element;
+declare function DataTableCard({ className, headerClassName, bulkBar, controlsLeft, controlsRight, children }: DataTableCardProps): React__default.JSX.Element;
 
 export { type DataTableCardProps, DataTableCard as default };

package/dist/DataTableCard.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type DataTableCardProps = {
@@ -9,6 +8,6 @@ type DataTableCardProps = {
     controlsRight?: React__default.ReactNode;
     children: React__default.ReactNode;
 };
-declare function DataTableCard({ className, headerClassName, bulkBar, controlsLeft, controlsRight, children }: DataTableCardProps): react_jsx_runtime.JSX.Element;
+declare function DataTableCard({ className, headerClassName, bulkBar, controlsLeft, controlsRight, children }: DataTableCardProps): React__default.JSX.Element;
 
 export { type DataTableCardProps, DataTableCard as default };

package/dist/DataTableCardFooter.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
 
 type DataTableCardFooterProps = {
     page: number;
@@ -8,6 +8,6 @@ type DataTableCardFooterProps = {
     onPageSizeChange: (pageSize: number) => void;
     onPageChange: (page: number) => void;
 };
-declare function DataTableCardFooter({ page, totalPages, pageSize, pageSizeOptions, onPageSizeChange, onPageChange, }: DataTableCardFooterProps): react_jsx_runtime.JSX.Element;
+declare function DataTableCardFooter({ page, totalPages, pageSize, pageSizeOptions, onPageSizeChange, onPageChange, }: DataTableCardFooterProps): React__default.JSX.Element;
 
 export { type DataTableCardFooterProps, DataTableCardFooter as default };

package/dist/DataTableCardFooter.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
 
 type DataTableCardFooterProps = {
     page: number;
@@ -8,6 +8,6 @@ type DataTableCardFooterProps = {
     onPageSizeChange: (pageSize: number) => void;
     onPageChange: (page: number) => void;
 };
-declare function DataTableCardFooter({ page, totalPages, pageSize, pageSizeOptions, onPageSizeChange, onPageChange, }: DataTableCardFooterProps): react_jsx_runtime.JSX.Element;
+declare function DataTableCardFooter({ page, totalPages, pageSize, pageSizeOptions, onPageSizeChange, onPageChange, }: DataTableCardFooterProps): React__default.JSX.Element;
 
 export { type DataTableCardFooterProps, DataTableCardFooter as default };

package/dist/DateTimeField.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type PickerMode = "date" | "datetime-local" | "time";
@@ -12,6 +11,6 @@ type DateTimeFieldProps = Omit<React__default.InputHTMLAttributes<HTMLInputEleme
     portalId?: string;
     clearable?: boolean;
 };
-declare function DateTimeField({ type, value, min, max, onValueChange, portal, portalId, clearable, ...inputProps }: DateTimeFieldProps): react_jsx_runtime.JSX.Element;
+declare function DateTimeField({ type, value, min, max, onValueChange, portal, portalId, clearable, ...inputProps }: DateTimeFieldProps): React__default.JSX.Element;
 
 export { type DateTimeFieldProps, DateTimeField as default };

package/dist/DateTimeField.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type PickerMode = "date" | "datetime-local" | "time";
@@ -12,6 +11,6 @@ type DateTimeFieldProps = Omit<React__default.InputHTMLAttributes<HTMLInputEleme
     portalId?: string;
     clearable?: boolean;
 };
-declare function DateTimeField({ type, value, min, max, onValueChange, portal, portalId, clearable, ...inputProps }: DateTimeFieldProps): react_jsx_runtime.JSX.Element;
+declare function DateTimeField({ type, value, min, max, onValueChange, portal, portalId, clearable, ...inputProps }: DateTimeFieldProps): React__default.JSX.Element;
 
 export { type DateTimeFieldProps, DateTimeField as default };

package/dist/Dialog.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type Size = "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full";
@@ -25,24 +24,24 @@ declare function DialogHeader({ title, description, onClose, showClose, actions,
     actions?: React__default.ReactNode;
     compact?: boolean;
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 declare function DialogBody({ children, padded, className, noScroll }: {
     children: React__default.ReactNode;
     padded?: boolean;
     className?: string;
     noScroll?: boolean;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 declare function DialogFooter({ children, align, }: {
     children: React__default.ReactNode;
     align?: "start" | "center" | "end" | "between";
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 declare function DialogField({ label, hint, required, children, className, }: {
     label?: React__default.ReactNode;
     hint?: React__default.ReactNode;
     required?: boolean;
     children: React__default.ReactNode;
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 type FormDialogProps = DialogProps & {
     onSubmit: (e: React__default.FormEvent) => void;
     submitLabel?: string;
@@ -53,7 +52,7 @@ type FormDialogProps = DialogProps & {
     footerExtra?: React__default.ReactNode;
     footerAlign?: "start" | "center" | "end" | "between";
 };
-declare function FormDialog({ open, onClose, title, description, children, onSubmit, submitLabel, cancelLabel, submitting, submitDisabled, error, footerExtra, footerAlign, ...rest }: FormDialogProps): react_jsx_runtime.JSX.Element;
+declare function FormDialog({ open, onClose, title, description, children, onSubmit, submitLabel, cancelLabel, submitting, submitDisabled, error, footerExtra, footerAlign, ...rest }: FormDialogProps): React__default.JSX.Element;
 type ConfirmDialogProps = {
     open: boolean;
     onClose: () => void;
@@ -69,7 +68,7 @@ type ConfirmDialogProps = {
     disableEscClose?: boolean;
     disableBackdropClose?: boolean;
 };
-declare function ConfirmDialog({ open, onClose, title, headerDescription, description, confirmLabel, cancelLabel, danger, loading, onConfirm, autoCloseOnConfirm, disableEscClose, disableBackdropClose, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
+declare function ConfirmDialog({ open, onClose, title, headerDescription, description, confirmLabel, cancelLabel, danger, loading, onConfirm, autoCloseOnConfirm, disableEscClose, disableBackdropClose, }: ConfirmDialogProps): React__default.JSX.Element;
 type DialogCompound = React__default.FC<DialogProps> & {
     Header: typeof DialogHeader;
     Body: typeof DialogBody;

package/dist/Dialog.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type Size = "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full";
@@ -25,24 +24,24 @@ declare function DialogHeader({ title, description, onClose, showClose, actions,
     actions?: React__default.ReactNode;
     compact?: boolean;
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 declare function DialogBody({ children, padded, className, noScroll }: {
     children: React__default.ReactNode;
     padded?: boolean;
     className?: string;
     noScroll?: boolean;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 declare function DialogFooter({ children, align, }: {
     children: React__default.ReactNode;
     align?: "start" | "center" | "end" | "between";
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 declare function DialogField({ label, hint, required, children, className, }: {
     label?: React__default.ReactNode;
     hint?: React__default.ReactNode;
     required?: boolean;
     children: React__default.ReactNode;
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 type FormDialogProps = DialogProps & {
     onSubmit: (e: React__default.FormEvent) => void;
     submitLabel?: string;
@@ -53,7 +52,7 @@ type FormDialogProps = DialogProps & {
     footerExtra?: React__default.ReactNode;
     footerAlign?: "start" | "center" | "end" | "between";
 };
-declare function FormDialog({ open, onClose, title, description, children, onSubmit, submitLabel, cancelLabel, submitting, submitDisabled, error, footerExtra, footerAlign, ...rest }: FormDialogProps): react_jsx_runtime.JSX.Element;
+declare function FormDialog({ open, onClose, title, description, children, onSubmit, submitLabel, cancelLabel, submitting, submitDisabled, error, footerExtra, footerAlign, ...rest }: FormDialogProps): React__default.JSX.Element;
 type ConfirmDialogProps = {
     open: boolean;
     onClose: () => void;
@@ -69,7 +68,7 @@ type ConfirmDialogProps = {
     disableEscClose?: boolean;
     disableBackdropClose?: boolean;
 };
-declare function ConfirmDialog({ open, onClose, title, headerDescription, description, confirmLabel, cancelLabel, danger, loading, onConfirm, autoCloseOnConfirm, disableEscClose, disableBackdropClose, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
+declare function ConfirmDialog({ open, onClose, title, headerDescription, description, confirmLabel, cancelLabel, danger, loading, onConfirm, autoCloseOnConfirm, disableEscClose, disableBackdropClose, }: ConfirmDialogProps): React__default.JSX.Element;
 type DialogCompound = React__default.FC<DialogProps> & {
     Header: typeof DialogHeader;
     Body: typeof DialogBody;

package/dist/DocumentEditor.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
 import { DocumentBlock } from './document.mjs';
 
 type Template = {
@@ -27,10 +27,10 @@ type DocumentEditorProps = {
     labels?: DocumentEditorLabels;
     templates?: Template[];
 };
-declare function DocumentEditor({ value, onChange, disabled, className, labels, templates }: DocumentEditorProps): react_jsx_runtime.JSX.Element;
+declare function DocumentEditor({ value, onChange, disabled, className, labels, templates }: DocumentEditorProps): React__default.JSX.Element;
 declare function DocumentPreview({ value, className }: {
     value: string | null;
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 
 export { type DocumentEditorLabels, type DocumentEditorProps, DocumentPreview, DocumentEditor as default };

package/dist/DocumentEditor.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
 import { DocumentBlock } from './document.js';
 
 type Template = {
@@ -27,10 +27,10 @@ type DocumentEditorProps = {
     labels?: DocumentEditorLabels;
     templates?: Template[];
 };
-declare function DocumentEditor({ value, onChange, disabled, className, labels, templates }: DocumentEditorProps): react_jsx_runtime.JSX.Element;
+declare function DocumentEditor({ value, onChange, disabled, className, labels, templates }: DocumentEditorProps): React__default.JSX.Element;
 declare function DocumentPreview({ value, className }: {
     value: string | null;
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 
 export { type DocumentEditorLabels, type DocumentEditorProps, DocumentPreview, DocumentEditor as default };

package/dist/Drawer.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type RootProps = {
@@ -9,7 +8,7 @@ type RootProps = {
     children: React__default.ReactNode;
     className?: string;
 };
-declare function Root({ open, onClose, widthClass, zIndex, children, className, }: RootProps): react_jsx_runtime.JSX.Element;
+declare function Root({ open, onClose, widthClass, zIndex, children, className, }: RootProps): React__default.JSX.Element;
 type HeaderProps = {
     title?: string;
     right?: React__default.ReactNode;
@@ -17,18 +16,18 @@ type HeaderProps = {
     hideClose?: boolean;
     children?: React__default.ReactNode;
 };
-declare function Header({ title, right, className, hideClose, children }: HeaderProps): react_jsx_runtime.JSX.Element;
+declare function Header({ title, right, className, hideClose, children }: HeaderProps): React__default.JSX.Element;
 type BodyProps = {
     className?: string;
     children: React__default.ReactNode;
 };
-declare function Body({ className, children }: BodyProps): react_jsx_runtime.JSX.Element;
+declare function Body({ className, children }: BodyProps): React__default.JSX.Element;
 type FooterProps = {
     className?: string;
     children: React__default.ReactNode;
     sticky?: boolean;
 };
-declare function Footer({ className, children, sticky }: FooterProps): react_jsx_runtime.JSX.Element;
+declare function Footer({ className, children, sticky }: FooterProps): React__default.JSX.Element;
 declare const Drawer: {
     Root: typeof Root;
     Header: typeof Header;

package/dist/Drawer.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type RootProps = {
@@ -9,7 +8,7 @@ type RootProps = {
     children: React__default.ReactNode;
     className?: string;
 };
-declare function Root({ open, onClose, widthClass, zIndex, children, className, }: RootProps): react_jsx_runtime.JSX.Element;
+declare function Root({ open, onClose, widthClass, zIndex, children, className, }: RootProps): React__default.JSX.Element;
 type HeaderProps = {
     title?: string;
     right?: React__default.ReactNode;
@@ -17,18 +16,18 @@ type HeaderProps = {
     hideClose?: boolean;
     children?: React__default.ReactNode;
 };
-declare function Header({ title, right, className, hideClose, children }: HeaderProps): react_jsx_runtime.JSX.Element;
+declare function Header({ title, right, className, hideClose, children }: HeaderProps): React__default.JSX.Element;
 type BodyProps = {
     className?: string;
     children: React__default.ReactNode;
 };
-declare function Body({ className, children }: BodyProps): react_jsx_runtime.JSX.Element;
+declare function Body({ className, children }: BodyProps): React__default.JSX.Element;
 type FooterProps = {
     className?: string;
     children: React__default.ReactNode;
     sticky?: boolean;
 };
-declare function Footer({ className, children, sticky }: FooterProps): react_jsx_runtime.JSX.Element;
+declare function Footer({ className, children, sticky }: FooterProps): React__default.JSX.Element;
 declare const Drawer: {
     Root: typeof Root;
     Header: typeof Header;

package/dist/Dropdown.d.mts

@@ -1,5 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default, { ReactNode, ButtonHTMLAttributes, HTMLAttributes } from 'react';
+import React__default, { ReactNode, HTMLAttributes, ButtonHTMLAttributes } from 'react';
 
 declare function useDropdownKeepOpen(): ((el: HTMLElement | null) => () => void) | undefined;
 declare function Dropdown({ children, align, onOpenChange, permissions, hasPermission, permStrategy, defaultHideUnauthorized, defaultDisableUnauthorized, }: {
@@ -11,11 +10,11 @@ declare function Dropdown({ children, align, onOpenChange, permissions, hasPermi
     permStrategy?: "all" | "any";
     defaultHideUnauthorized?: boolean;
     defaultDisableUnauthorized?: boolean;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 declare function Trigger({ children, className, ...btnProps }: {
     children: ReactNode;
     className?: string;
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "ref" | "children">): react_jsx_runtime.JSX.Element;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "ref" | "children">): React__default.JSX.Element;
 declare function Content({ children, className, maxHeight, }: {
     children: ReactNode;
     className?: string;
@@ -23,10 +22,10 @@ declare function Content({ children, className, maxHeight, }: {
 }): React__default.ReactPortal | null;
 declare function Label({ children }: {
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 declare function Separator({ className }: {
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 declare function Item({ children, icon, kbd, danger, disabled, require, hideIfUnauthorized, disableIfUnauthorized, onSelect, className, ...rest }: {
     children: ReactNode;
     icon?: ReactNode;
@@ -37,7 +36,7 @@ declare function Item({ children, icon, kbd, danger, disabled, require, hideIfUn
     hideIfUnauthorized?: boolean;
     disableIfUnauthorized?: boolean;
     onSelect?: () => void;
-} & HTMLAttributes<HTMLButtonElement>): react_jsx_runtime.JSX.Element | null;
+} & HTMLAttributes<HTMLButtonElement>): React__default.JSX.Element | null;
 declare const DropdownExport: typeof Dropdown & {
     Trigger: typeof Trigger;
     Content: typeof Content;
@@ -46,7 +45,7 @@ declare const DropdownExport: typeof Dropdown & {
     Item: typeof Item;
     MenuPuntosVerticalIcon: ({ className, clase, ...props }: React__default.SVGProps<SVGSVGElement> & {
         clase?: string;
-    }) => react_jsx_runtime.JSX.Element;
+    }) => React__default.JSX.Element;
 };
 
 export { Content, Dropdown, Item, Label, Separator, Trigger, DropdownExport as default, useDropdownKeepOpen };

package/dist/Dropdown.d.ts

@@ -1,5 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default, { ReactNode, ButtonHTMLAttributes, HTMLAttributes } from 'react';
+import React__default, { ReactNode, HTMLAttributes, ButtonHTMLAttributes } from 'react';
 
 declare function useDropdownKeepOpen(): ((el: HTMLElement | null) => () => void) | undefined;
 declare function Dropdown({ children, align, onOpenChange, permissions, hasPermission, permStrategy, defaultHideUnauthorized, defaultDisableUnauthorized, }: {
@@ -11,11 +10,11 @@ declare function Dropdown({ children, align, onOpenChange, permissions, hasPermi
     permStrategy?: "all" | "any";
     defaultHideUnauthorized?: boolean;
     defaultDisableUnauthorized?: boolean;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 declare function Trigger({ children, className, ...btnProps }: {
     children: ReactNode;
     className?: string;
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "ref" | "children">): react_jsx_runtime.JSX.Element;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "ref" | "children">): React__default.JSX.Element;
 declare function Content({ children, className, maxHeight, }: {
     children: ReactNode;
     className?: string;
@@ -23,10 +22,10 @@ declare function Content({ children, className, maxHeight, }: {
 }): React__default.ReactPortal | null;
 declare function Label({ children }: {
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 declare function Separator({ className }: {
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 declare function Item({ children, icon, kbd, danger, disabled, require, hideIfUnauthorized, disableIfUnauthorized, onSelect, className, ...rest }: {
     children: ReactNode;
     icon?: ReactNode;
@@ -37,7 +36,7 @@ declare function Item({ children, icon, kbd, danger, disabled, require, hideIfUn
     hideIfUnauthorized?: boolean;
     disableIfUnauthorized?: boolean;
     onSelect?: () => void;
-} & HTMLAttributes<HTMLButtonElement>): react_jsx_runtime.JSX.Element | null;
+} & HTMLAttributes<HTMLButtonElement>): React__default.JSX.Element | null;
 declare const DropdownExport: typeof Dropdown & {
     Trigger: typeof Trigger;
     Content: typeof Content;
@@ -46,7 +45,7 @@ declare const DropdownExport: typeof Dropdown & {
     Item: typeof Item;
     MenuPuntosVerticalIcon: ({ className, clase, ...props }: React__default.SVGProps<SVGSVGElement> & {
         clase?: string;
-    }) => react_jsx_runtime.JSX.Element;
+    }) => React__default.JSX.Element;
 };
 
 export { Content, Dropdown, Item, Label, Separator, Trigger, DropdownExport as default, useDropdownKeepOpen };

package/dist/EmptyState.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type EmptyStateProps = {
@@ -12,6 +11,6 @@ type EmptyStateProps = {
     loadingMinDurationMs?: number;
     className?: string;
 };
-declare function EmptyState({ title, subtitle, icon, actions, align, size, loading, loadingMinDurationMs, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+declare function EmptyState({ title, subtitle, icon, actions, align, size, loading, loadingMinDurationMs, className, }: EmptyStateProps): React__default.JSX.Element;
 
 export { type EmptyStateProps, EmptyState as default };

package/dist/EmptyState.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type EmptyStateProps = {
@@ -12,6 +11,6 @@ type EmptyStateProps = {
     loadingMinDurationMs?: number;
     className?: string;
 };
-declare function EmptyState({ title, subtitle, icon, actions, align, size, loading, loadingMinDurationMs, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+declare function EmptyState({ title, subtitle, icon, actions, align, size, loading, loadingMinDurationMs, className, }: EmptyStateProps): React__default.JSX.Element;
 
 export { type EmptyStateProps, EmptyState as default };

package/dist/FiltersMultiSelect.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 import { PillsOption, CheckboxPillsGroupProps } from './CheckboxPillsGroup.mjs';
 
@@ -26,6 +25,6 @@ type FiltersMultiSelectProps = {
     loadingMinDurationMs?: number;
     disabled?: boolean;
 };
-declare function FiltersMultiSelect({ groups, onChange, className, gap, color, open: controlledOpen, onToggleOpen, triggerLabel, showActiveCount, align, loading, loadingMinDurationMs, disabled, }: FiltersMultiSelectProps): react_jsx_runtime.JSX.Element;
+declare function FiltersMultiSelect({ groups, onChange, className, gap, color, open: controlledOpen, onToggleOpen, triggerLabel, showActiveCount, align, loading, loadingMinDurationMs, disabled, }: FiltersMultiSelectProps): React__default.JSX.Element;
 
 export { type FilterGroup, type FiltersMultiSelectProps, FiltersMultiSelect as default };

package/dist/FiltersMultiSelect.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 import { PillsOption, CheckboxPillsGroupProps } from './CheckboxPillsGroup.js';
 
@@ -26,6 +25,6 @@ type FiltersMultiSelectProps = {
     loadingMinDurationMs?: number;
     disabled?: boolean;
 };
-declare function FiltersMultiSelect({ groups, onChange, className, gap, color, open: controlledOpen, onToggleOpen, triggerLabel, showActiveCount, align, loading, loadingMinDurationMs, disabled, }: FiltersMultiSelectProps): react_jsx_runtime.JSX.Element;
+declare function FiltersMultiSelect({ groups, onChange, className, gap, color, open: controlledOpen, onToggleOpen, triggerLabel, showActiveCount, align, loading, loadingMinDurationMs, disabled, }: FiltersMultiSelectProps): React__default.JSX.Element;
 
 export { type FilterGroup, type FiltersMultiSelectProps, FiltersMultiSelect as default };