@soyfri/shared-library 3.2.1 → 4.0.0

package/components/Divider.d.ts

@@ -1,6 +1,6 @@
-export * from './Divider/index'
+export * from '../src/components/Divider/index'
 export {}
-import _default from './Divider/index'
+import _default from '../src/components/Divider/index'
 export default _default
-export * from './Divider/index'
+export * from '../src/components/Divider/index'
 export {}

package/components/Drawer.d.ts

@@ -1,6 +1,6 @@
-export * from './Drawer/index'
+export * from '../src/components/Drawer/index'
 export {}
-import _default from './Drawer/index'
+import _default from '../src/components/Drawer/index'
 export default _default
-export * from './Drawer/index'
+export * from '../src/components/Drawer/index'
 export {}

package/components/EmptyState/EmptyState.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const EmptyState = require("../../EmptyState-DJj9KOEy.cjs");
+exports.EmptyState = EmptyState.EmptyState;
+exports.default = EmptyState.EmptyState;
+//# sourceMappingURL=EmptyState.cjs.map

package/components/EmptyState/EmptyState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/EmptyState/EmptyState.js

@@ -0,0 +1,6 @@
+import { E, E as E2 } from "../../EmptyState-kEoDkg1B.js";
+export {
+  E as EmptyState,
+  E2 as default
+};
+//# sourceMappingURL=EmptyState.js.map

package/components/EmptyState/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/EmptyState.d.ts

@@ -0,0 +1,6 @@
+export * from '../src/components/EmptyState/index'
+export {}
+import _default from '../src/components/EmptyState/index'
+export default _default
+export * from '../src/components/EmptyState/index'
+export {}

package/components/Flyout.d.ts

@@ -1,2 +1,2 @@
-export * from './Flyout/index'
+export * from '../src/components/Flyout/index'
 export {}

package/components/Gallery.d.ts

@@ -1,6 +1,6 @@
-export * from './Gallery/index'
+export * from '../src/components/Gallery/index'
 export {}
-import _default from './Gallery/index'
+import _default from '../src/components/Gallery/index'
 export default _default
-export * from './Gallery/index'
+export * from '../src/components/Gallery/index'
 export {}

package/components/Icon.d.ts

@@ -1,6 +1,6 @@
-export * from './Icon/index'
+export * from '../src/components/Icon/index'
 export {}
-import _default from './Icon/index'
+import _default from '../src/components/Icon/index'
 export default _default
-export * from './Icon/index'
+export * from '../src/components/Icon/index'
 export {}

package/components/Input.d.ts

@@ -1,6 +1,6 @@
-export * from './Input/index'
+export * from '../src/components/Input/index'
 export {}
-import _default from './Input/index'
+import _default from '../src/components/Input/index'
 export default _default
-export * from './Input/index'
+export * from '../src/components/Input/index'
 export {}

package/components/InputGroup.d.ts

@@ -1,6 +1,6 @@
-export * from './InputGroup/index'
+export * from '../src/components/InputGroup/index'
 export {}
-import _default from './InputGroup/index'
+import _default from '../src/components/InputGroup/index'
 export default _default
-export * from './InputGroup/index'
+export * from '../src/components/InputGroup/index'
 export {}

package/components/MenuButton.d.ts

@@ -1,2 +1,2 @@
-export * from './MenuButton/index'
+export * from '../src/components/MenuButton/index'
 export {}

package/components/Modal/Modal.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Modal = require("../../Modal-D_6ZdSzw.cjs");
+const Modal = require("../../Modal-Cfyr-RsW.cjs");
 exports.Modal = Modal.ModalWithStatics;
 exports.ModalBody = Modal.ModalBody;
 exports.ModalFooter = Modal.ModalFooter;

package/components/Modal/Modal.js

@@ -1,4 +1,4 @@
-import { M, b, c, a, M as M2 } from "../../Modal-C_QY7ZzY.js";
+import { M, b, c, a, M as M2 } from "../../Modal-BqW0Nk3l.js";
 export {
   M as Modal,
   b as ModalBody,

package/components/Modal.d.ts

@@ -1,6 +1,6 @@
-export * from './Modal/index'
+export * from '../src/components/Modal/index'
 export {}
-import _default from './Modal/index'
+import _default from '../src/components/Modal/index'
 export default _default
-export * from './Modal/index'
+export * from '../src/components/Modal/index'
 export {}

package/components/PageHeader/PageHeader.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const PageHeader = require("../../PageHeader-BQZOqjNr.cjs");
+exports.PageHeader = PageHeader.PageHeader;
+exports.default = PageHeader.PageHeader;
+//# sourceMappingURL=PageHeader.cjs.map

package/components/PageHeader/PageHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/PageHeader/PageHeader.js

@@ -0,0 +1,6 @@
+import { P, P as P2 } from "../../PageHeader-DDYi6Nhy.js";
+export {
+  P as PageHeader,
+  P2 as default
+};
+//# sourceMappingURL=PageHeader.js.map

package/components/PageHeader/PageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/PageHeader.d.ts

@@ -0,0 +1,6 @@
+export * from '../src/components/PageHeader/index'
+export {}
+import _default from '../src/components/PageHeader/index'
+export default _default
+export * from '../src/components/PageHeader/index'
+export {}

package/components/RadioGroup.d.ts

@@ -1,6 +1,6 @@
-export * from './RadioGroup/index'
+export * from '../src/components/RadioGroup/index'
 export {}
-import _default from './RadioGroup/index'
+import _default from '../src/components/RadioGroup/index'
 export default _default
-export * from './RadioGroup/index'
+export * from '../src/components/RadioGroup/index'
 export {}

package/components/Select.d.ts

@@ -1,6 +1,6 @@
-export * from './Select/index'
+export * from '../src/components/Select/index'
 export {}
-import _default from './Select/index'
+import _default from '../src/components/Select/index'
 export default _default
-export * from './Select/index'
+export * from '../src/components/Select/index'
 export {}

package/components/Spinner.d.ts

@@ -1,6 +1,6 @@
-export * from './Spinner/index'
+export * from '../src/components/Spinner/index'
 export {}
-import _default from './Spinner/index'
+import _default from '../src/components/Spinner/index'
 export default _default
-export * from './Spinner/index'
+export * from '../src/components/Spinner/index'
 export {}

package/components/Stat.d.ts

@@ -1,6 +1,6 @@
-export * from './Stat/index'
+export * from '../src/components/Stat/index'
 export {}
-import _default from './Stat/index'
+import _default from '../src/components/Stat/index'
 export default _default
-export * from './Stat/index'
+export * from '../src/components/Stat/index'
 export {}

package/components/StatusMessage.d.ts

@@ -1,6 +1,6 @@
-export * from './StatusMessage/index'
+export * from '../src/components/StatusMessage/index'
 export {}
-import _default from './StatusMessage/index'
+import _default from '../src/components/StatusMessage/index'
 export default _default
-export * from './StatusMessage/index'
+export * from '../src/components/StatusMessage/index'
 export {}

package/components/Stepper.d.ts

@@ -1,6 +1,6 @@
-export * from './Stepper/index'
+export * from '../src/components/Stepper/index'
 export {}
-import _default from './Stepper/index'
+import _default from '../src/components/Stepper/index'
 export default _default
-export * from './Stepper/index'
+export * from '../src/components/Stepper/index'
 export {}

package/components/Switch.d.ts

@@ -1,6 +1,6 @@
-export * from './Switch/index'
+export * from '../src/components/Switch/index'
 export {}
-import _default from './Switch/index'
+import _default from '../src/components/Switch/index'
 export default _default
-export * from './Switch/index'
+export * from '../src/components/Switch/index'
 export {}

package/components/Table/Table.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Table = require("../../Table-DaNgX7PO.cjs");
+const Table = require("../../Table-BpnAkCgd.cjs");
 exports.Table = Table.Table;
 //# sourceMappingURL=Table.cjs.map

package/components/Table/Table.js

@@ -1,4 +1,4 @@
-import { T } from "../../Table-aNFAOuQk.js";
+import { T } from "../../Table-BuALBQWX.js";
 export {
   T as Table
 };

package/components/Table.d.ts

@@ -1,2 +1,2 @@
-export * from './Table/index'
+export * from '../src/components/Table/index'
 export {}

package/components/Tabs.d.ts

@@ -1,6 +1,6 @@
-export * from './Tabs/index'
+export * from '../src/components/Tabs/index'
 export {}
-import _default from './Tabs/index'
+import _default from '../src/components/Tabs/index'
 export default _default
-export * from './Tabs/index'
+export * from '../src/components/Tabs/index'
 export {}

package/components/Timeline.d.ts

@@ -1,6 +1,6 @@
-export * from './Timeline/index'
+export * from '../src/components/Timeline/index'
 export {}
-import _default from './Timeline/index'
+import _default from '../src/components/Timeline/index'
 export default _default
-export * from './Timeline/index'
+export * from '../src/components/Timeline/index'
 export {}

package/components/Tooltip/Tooltip.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Tooltip = require("../../Tooltip-DpAsWGpN.cjs");
+const Tooltip = require("../../Tooltip-CEEDkwds.cjs");
 exports.Tooltip = Tooltip.Tooltip;
 //# sourceMappingURL=Tooltip.cjs.map

package/components/Tooltip/Tooltip.js

@@ -1,4 +1,4 @@
-import { T } from "../../Tooltip-BB77JBcg.js";
+import { T } from "../../Tooltip-B15a34_o.js";
 export {
   T as Tooltip
 };

package/components/Tooltip.d.ts

@@ -1,2 +1,2 @@
-export * from './Tooltip/index'
+export * from '../src/components/Tooltip/index'
 export {}

package/hooks/ClipBoard.d.ts

@@ -1,2 +1,2 @@
-export * from './ClipBoard/index'
+export * from '../src/hooks/ClipBoard/index'
 export {}

package/index.cjs

@@ -14,11 +14,14 @@ const Alert = require("./Alert-B3SMPD1s.cjs");
 const Divider = require("./Divider-CIY0JK4U.cjs");
 const ButtonGroup = require("./ButtonGroup-CNunDofQ.cjs");
 const Breadcrumbs = require("./Breadcrumbs-B9I3vxPb.cjs");
+const PageHeader = require("./PageHeader-BQZOqjNr.cjs");
+const DataRow = require("./DataRow-CfCaSdaJ.cjs");
+const EmptyState = require("./EmptyState-DJj9KOEy.cjs");
 const Step = require("./Step-Nd7SJbRZ.cjs");
 const Tab = require("./Tab-D1S7kxXI.cjs");
-const Table = require("./Table-DaNgX7PO.cjs");
+const Table = require("./Table-BpnAkCgd.cjs");
 const StatusMessage = require("./StatusMessage-B3nXpuRl.cjs");
-const Modal = require("./Modal-D_6ZdSzw.cjs");
+const Modal = require("./Modal-Cfyr-RsW.cjs");
 const Input = require("./Input-Bpjw7qwq.cjs");
 const Select = require("./Select-WpHNCHHz.cjs");
 const Autocomplete = require("./Autocomplete-Bd3bN4Cw.cjs");
@@ -36,7 +39,7 @@ const Gallery = require("./Gallery-Cn1Bj_ao.cjs");
 const Icon = require("./Icon-ChnAivGo.cjs");
 const MenuButton = require("./MenuButton-C4s8rG05.cjs");
 const TimelineItem = require("./TimelineItem-BbhUWJhU.cjs");
-const Tooltip = require("./Tooltip-DpAsWGpN.cjs");
+const Tooltip = require("./Tooltip-CEEDkwds.cjs");
 function scrollToTop({
   behavior = "smooth",
   target = typeof window !== "undefined" ? window : void 0,
@@ -178,6 +181,9 @@ exports.Alert = Alert.Alert;
 exports.Divider = Divider.Divider;
 exports.ButtonGroup = ButtonGroup.ButtonGroup;
 exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
+exports.PageHeader = PageHeader.PageHeader;
+exports.DataRow = DataRow.DataRow;
+exports.EmptyState = EmptyState.EmptyState;
 exports.Step = Step.Step;
 exports.Stepper = Step.Stepper;
 exports.Tab = Tab.Tab;

package/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/index.d.ts

@@ -1,56 +1,2 @@
-export type { LibraryComponentName, PresetStyle, ComponentPresets, LibraryStyles, } from './theme/componentStyles';
-export { DEFAULT_PRESET_NAME, resolvePreset } from './components/_shared/resolvePreset';
-export * from './utils';
-export * from './mui';
-export { Button } from './components/Button';
-export { Card } from './components/Card';
-export type { CardProps } from './components/Card';
-export { Chip } from './components/Chip';
-export { Column } from './components/Column';
-export type { ColumnProps } from './components/Column';
-export { Avatar } from './components/Avatar';
-export { Stat } from './components/Stat';
-export { Spinner } from './components/Spinner';
-export type { SpinnerProps, SpinnerSize, SpinnerColor } from './components/Spinner';
-export { Alert } from './components/Alert';
-export type { AlertProps, AlertSeverity, AlertVariant } from './components/Alert';
-export { Divider } from './components/Divider';
-export type { DividerProps } from './components/Divider';
-export { ButtonGroup } from './components/ButtonGroup';
-export type { ButtonGroupProps } from './components/ButtonGroup';
-export { Breadcrumbs } from './components/Breadcrumbs';
-export type { BreadcrumbsProps } from './components/Breadcrumbs';
-export { Stepper, Step } from './components/Stepper';
-export { Tabs, Tab } from './components/Tabs';
-export { Table } from './components/Table';
-export { StatusMessage } from './components/StatusMessage';
-export type { StatusMessageProps } from './components/StatusMessage';
-export { Modal, ModalHeader, ModalBody, ModalFooter } from './components/Modal';
-export type { ModalRef, ModalMode, ModalSeverity } from './components/Modal';
-export { Input } from './components/Input';
-export type { InputProps, BaseInputProps } from './components/Input';
-export { Select, Option } from './components/Select';
-export type { SelectProps, SelectOption, OptionProps } from './components/Select';
-export { Autocomplete, AutocompleteSelect } from './components/Autocomplete';
-export type { AutocompleteProps } from './components/Autocomplete';
-export { Switch } from './components/Switch';
-export type { SwitchProps, BaseSwitchProps } from './components/Switch';
-export { RadioGroup } from './components/RadioGroup';
-export type { RadioGroupProps, RadioOption, BaseRadioGroupProps } from './components/RadioGroup';
-export { Checkbox } from './components/Checkbox';
-export type { CheckboxProps, BaseCheckboxProps } from './components/Checkbox';
-export { DatePicker } from './components/DatePicker';
-export type { DatePickerProps } from './components/DatePicker';
-export { DateTimePicker } from './components/DateTimePicker';
-export type { DateTimePickerProps } from './components/DateTimePicker';
-export { InputGroup } from './components/InputGroup';
-export type { InputGroupProps } from './components/InputGroup';
-export { ActionMenu, ActionMenuItem } from './components/ActionMenu';
-export { AppBar, AppBarMenuToggle, useAppBarContext } from './components/AppBar';
-export { Drawer, DrawerItem, useDrawerContext } from './components/Drawer';
-export { Flyout } from './components/Flyout';
-export { Gallery } from './components/Gallery';
-export { Icon } from './components/Icon';
-export { MenuButton } from './components/MenuButton';
-export { Timeline, TimelineItem } from './components/Timeline';
-export { Tooltip } from './components/Tooltip';
+export * from './src/index'
+export {}

package/index.js

@@ -12,29 +12,32 @@ import { A as A2 } from "./Alert-YsPScpSE.js";
 import { D as D2 } from "./Divider-BApcM5CV.js";
 import { B as B2 } from "./ButtonGroup-CcKUZ-lT.js";
 import { B as B3 } from "./Breadcrumbs-C41SPbtX.js";
+import { P } from "./PageHeader-DDYi6Nhy.js";
+import { D as D3 } from "./DataRow-B7fJ5taA.js";
+import { E } from "./EmptyState-kEoDkg1B.js";
 import { a, S as S3 } from "./Step-BArsou1V.js";
 import { a as a2, T } from "./Tab-DycIMXmQ.js";
-import { T as T2 } from "./Table-aNFAOuQk.js";
+import { T as T2 } from "./Table-BuALBQWX.js";
 import { S as S4 } from "./StatusMessage-D0WgSBx7.js";
-import { M, b, c, a as a3 } from "./Modal-C_QY7ZzY.js";
+import { M, b, c, a as a3 } from "./Modal-BqW0Nk3l.js";
 import { I } from "./Input-BibHlnGN.js";
 import { O, S as S5 } from "./Select-BaY3zJhq.js";
 import { A as A3, a as a4 } from "./Autocomplete-E5aSUGVK.js";
 import { S as S6 } from "./Switch-CY1Dd2ff.js";
 import { R } from "./RadioGroup-cKCpag8W.js";
 import { C as C3 } from "./Checkbox-BL4kvHFB.js";
-import { D as D3 } from "./DatePicker-D__RSgs-.js";
-import { D as D4 } from "./DateTimePicker-LeaE716a.js";
+import { D as D4 } from "./DatePicker-D__RSgs-.js";
+import { D as D5 } from "./DateTimePicker-LeaE716a.js";
 import { I as I2 } from "./InputGroup-D5pXKGjZ.js";
 import { A as A4, a as a5 } from "./ActionMenu-BXRVKopM.js";
 import { A as A5, a as a6, u } from "./AppBarMenuToggle-BpXBMeca.js";
-import { D as D5, a as a7, u as u2 } from "./DrawerItem-at1lsEo9.js";
+import { D as D6, a as a7, u as u2 } from "./DrawerItem-at1lsEo9.js";
 import { F } from "./Flyout-DCcDBYKT.js";
 import { G } from "./Gallery-ClBJxCMc.js";
 import { I as I3 } from "./Icon-CUwK2c8z.js";
 import { M as M2 } from "./MenuButton-CZRN4P6x.js";
 import { T as T3, a as a8 } from "./TimelineItem-0jRPFT11.js";
-import { T as T4 } from "./Tooltip-BB77JBcg.js";
+import { T as T4 } from "./Tooltip-B15a34_o.js";
 import './index.css';function scrollToTop({
   behavior = "smooth",
   target = typeof window !== "undefined" ? window : void 0,
@@ -66,11 +69,13 @@ export {
   Column,
   Container,
   D as DEFAULT_PRESET_NAME,
-  D3 as DatePicker,
-  D4 as DateTimePicker,
+  D3 as DataRow,
+  D4 as DatePicker,
+  D5 as DateTimePicker,
   D2 as Divider,
-  D5 as Drawer,
+  D6 as Drawer,
   a7 as DrawerItem,
+  E as EmptyState,
   Fade,
   F as Flyout,
   G as Gallery,
@@ -93,6 +98,7 @@ export {
   c as ModalFooter,
   a3 as ModalHeader,
   O as Option,
+  P as PageHeader,
   Paper,
   R as RadioGroup,
   S5 as Select,

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;"}
+{"version":3,"file":"index.js","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "3.2.1",
+  "version": "4.0.0",
   "main": "./index.cjs",
   "module": "./index.js",
   "types": "./index.d.ts",
@@ -87,6 +87,11 @@
       "require": "./components/RadioGroup/RadioGroup.cjs",
       "types": "./components/RadioGroup/index.d.ts"
     },
+    "./components/PageHeader": {
+      "import": "./components/PageHeader/PageHeader.js",
+      "require": "./components/PageHeader/PageHeader.cjs",
+      "types": "./components/PageHeader/index.d.ts"
+    },
     "./components/Modal": {
       "import": "./components/Modal/Modal.js",
       "require": "./components/Modal/Modal.cjs",
@@ -122,6 +127,11 @@
       "require": "./components/Flyout/Flyout.cjs",
       "types": "./components/Flyout/index.d.ts"
     },
+    "./components/EmptyState": {
+      "import": "./components/EmptyState/EmptyState.js",
+      "require": "./components/EmptyState/EmptyState.cjs",
+      "types": "./components/EmptyState/index.d.ts"
+    },
     "./components/Drawer": {
       "import": "./components/Drawer/Drawer.js",
       "require": "./components/Drawer/Drawer.cjs",
@@ -142,6 +152,11 @@
       "require": "./components/DatePicker/DatePicker.cjs",
       "types": "./components/DatePicker/index.d.ts"
     },
+    "./components/DataRow": {
+      "import": "./components/DataRow/DataRow.js",
+      "require": "./components/DataRow/DataRow.cjs",
+      "types": "./components/DataRow/index.d.ts"
+    },
     "./components/Column": {
       "import": "./components/Column/Column.js",
       "require": "./components/Column/Column.cjs",

package/src/components/DataRow/DataRow.d.ts

@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface DataRowProps {
+    /** Etiqueta del dato (columna izquierda). */
+    label: ReactNode;
+    /** Valor: texto, o cualquier nodo (chip, link, Input en modo edición). */
+    children: ReactNode;
+    /** Última fila de un bloque: sin margen inferior. */
+    last?: boolean;
+    /**
+     * Ancho de la columna del label a partir de `sm`. Default `200`.
+     * Fijo a propósito: alinea verticalmente todos los valores de un bloque.
+     */
+    labelWidth?: number | string;
+    /** Preset registrado en `theme.styles.DataRow`. */
+    preset?: string;
+    sx?: SxProps<Theme>;
+    className?: string;
+    'data-testid'?: string;
+}
+/**
+ * Fila label/valor — el patrón de dato para vistas de detalle.
+ *
+ * Geometría: label de ancho fijo + valor al lado; en móvil apila. El ancho fijo
+ * (en vez de un `Grid` 4/8) evita que en una card full-width queden cientos de
+ * px muertos entre label y valor.
+ *
+ * Tipografía: el paquete pone `body2`/`body1`. Para mapear a variantes propias
+ * del consumidor, registrar un preset en el theme apuntando a las clases
+ * internas:
+ *
+ * ```ts
+ * styles: {
+ *   DataRow: {
+ *     default: {
+ *       '& .fri-DataRow-label': { typography: 'dataLabel' },
+ *       '& .fri-DataRow-value': { typography: 'dataValue' },
+ *     },
+ *   },
+ * }
+ * ```
+ */
+export declare function DataRow({ label, children, last, labelWidth, preset, sx, className, 'data-testid': dataTestId, }: DataRowProps): import("react/jsx-runtime").JSX.Element;
+export default DataRow;

package/src/components/DataRow/index.d.ts

@@ -0,0 +1,2 @@
+export { DataRow, default } from './DataRow';
+export type { DataRowProps } from './DataRow';

package/src/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface EmptyStateProps {
+    /** Qué falta, en positivo: "Sin dispositivos registrados". */
+    title: string;
+    /** Línea secundaria opcional: qué puede hacer el usuario. */
+    message?: string;
+    /** Icono o ilustración arriba del título. */
+    icon?: ReactNode;
+    /** Acción opcional (botón) debajo del mensaje. */
+    action?: ReactNode;
+    /** Preset registrado en `theme.styles.EmptyState`. */
+    preset?: string;
+    sx?: SxProps<Theme>;
+    className?: string;
+    'data-testid'?: string;
+}
+/**
+ * Estado vacío centrado, para usar dentro de una card, un tab o una tabla sin
+ * resultados. Color y tipografía salen del theme del consumidor: no hay
+ * hex ni tamaños hardcodeados.
+ */
+export declare function EmptyState({ title, message, icon, action, preset, sx, className, 'data-testid': dataTestId, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export default EmptyState;

package/src/components/EmptyState/index.d.ts

@@ -0,0 +1,2 @@
+export { EmptyState, default } from './EmptyState';
+export type { EmptyStateProps } from './EmptyState';