@imj_media/ui 1.8.3 → 1.8.4

package/dist/modules/Lists/components/molecules/ListItemDefault.d.ts

@@ -1,8 +1,10 @@
-import { VisualSlotType, IconFontColor } from '../../../../shared/types/types';
+import { VisualSlotType, IconFontColor, IconFontSize } from '../../../../shared/types/types';
 import { default as React } from 'react';
 export interface ListItemDefaultProps {
     children: React.ReactNode;
     icon?: VisualSlotType;
+    /** Leading icon size (default `sm`). Trailing chevrons are rendered by the caller (e.g. `SidebarMenuItem` uses `xs` on the right only). */
+    iconSize?: IconFontSize;
     iconColor?: IconFontColor;
     iconDuotonePrimary?: IconFontColor;
     iconDuotoneSecondary?: IconFontColor;

package/dist/modules/Lists/components/molecules/ListItemDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemDefault.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Lists/components/molecules/ListItemDefault.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuE1D,CAAC"}
+{"version":3,"file":"ListItemDefault.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Lists/components/molecules/ListItemDefault.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACnF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,2IAA2I;IAC3I,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyE1D,CAAC"}

package/dist/modules/Sidebar/components/atoms/SidebarDivider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarDivider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/atoms/SidebarDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqBxD,CAAC"}
+{"version":3,"file":"SidebarDivider.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/atoms/SidebarDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2BxD,CAAC"}

package/dist/modules/Sidebar/components/atoms/SidebarSectionTitle.d.ts

@@ -4,8 +4,8 @@ import { SidebarSectionTitleProps } from '../../types';
  * ============================================
  * SIDEBAR SECTION TITLE - ATOM
  * ============================================
- * Título de sección para el sidebar.
- * Usado para dividir grupos de menús.
+ * Section label for the sidebar; groups menu blocks.
+ * Body XS Regular, tertiary, sentence case (no uppercase transform).
  */
 export declare const SidebarSectionTitle: React.FC<SidebarSectionTitleProps>;
 //# sourceMappingURL=SidebarSectionTitle.d.ts.map

package/dist/modules/Sidebar/components/molecules/SidebarDrilldownPanel.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { SidebarDrilldownPanelProps } from '../../types';
+/**
+ * Second-level sidebar region: back control, optional breadcrumb, and submenu rows.
+ * Presentation-only: routing and `href` handling belong to the host via `onActivateSubmenu`.
+ *
+ * @example
+ * ```tsx
+ * <SidebarDrilldownPanel
+ *   expanded
+ *   breadcrumbRootLabel="Campaigns"
+ *   parentItem={{ title: "Tools", submenus: [{ title: "Map", href: "#/map" }] }}
+ *   onBack={() => {}}
+ *   isSubmenuActive={(s) => s.href === "#/map"}
+ *   onActivateSubmenu={(s) => navigate(s.href)}
+ * />
+ * ```
+ */
+export declare const SidebarDrilldownPanel: React.FC<SidebarDrilldownPanelProps>;
+//# sourceMappingURL=SidebarDrilldownPanel.d.ts.map

package/dist/modules/Sidebar/components/molecules/SidebarDrilldownPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarDrilldownPanel.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/molecules/SidebarDrilldownPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EACV,0BAA0B,EAE3B,MAAM,aAAa,CAAC;AAQrB;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAqMtE,CAAC"}

package/dist/modules/Sidebar/components/molecules/SidebarMenuGroup.d.ts

@@ -1,11 +1,9 @@
 import { default as React } from 'react';
 import { SidebarMenuGroupProps } from '../../types';
 /**
- * ============================================
- * SIDEBAR MENU GROUP - MOLECULE
- * ============================================
- * Agrupa items del menú bajo un título de sección opcional.
- * Combina SidebarDivider y SidebarMenuItem.
+ * Groups menu rows under an optional section title (Figma section headers).
+ * With `collapsible`, the header toggles the item list (chevron up/down).
+ * When `collapsed`, titled groups render a plain divider (unless skipped) and items only.
  */
 export declare const SidebarMenuGroup: React.FC<SidebarMenuGroupProps>;
 //# sourceMappingURL=SidebarMenuGroup.d.ts.map

package/dist/modules/Sidebar/components/molecules/SidebarMenuGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuGroup.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/molecules/SidebarMenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAGpD;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAc5D,CAAC"}
+{"version":3,"file":"SidebarMenuGroup.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/molecules/SidebarMenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAGpD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8G5D,CAAC"}

package/dist/modules/Sidebar/components/molecules/SidebarUserProfile.d.ts

@@ -1,13 +1,8 @@
 import { default as React } from 'react';
 import { SidebarUserProfileProps } from '../../types';
 /**
- * ============================================
- * SIDEBAR USER PROFILE - MOLECULE
- * ============================================
- * Sección del perfil del usuario con avatar, nombre, rol
- * y botón de logout.
- *
- * Reutiliza el componente ListItemUser para mantener DRY.
+ * Sidebar user rail (avatar, name, subtitle) with an optional account menu in a border popover
+ * without arrow (`popoverArrow={false}`), aligned with Sidebar-Menu Figma `290:52422`.
  */
 export declare const SidebarUserProfile: React.FC<SidebarUserProfileProps>;
 //# sourceMappingURL=SidebarUserProfile.d.ts.map

package/dist/modules/Sidebar/components/molecules/SidebarUserProfile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarUserProfile.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/molecules/SidebarUserProfile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAKtD;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwChE,CAAC"}
+{"version":3,"file":"SidebarUserProfile.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/molecules/SidebarUserProfile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgBnD,OAAO,KAAK,EAEV,uBAAuB,EAExB,MAAM,aAAa,CAAC;AAsIrB;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmEhE,CAAC"}

package/dist/modules/Sidebar/components/molecules/SidebarWorkspaceCard.d.ts

@@ -1,11 +1,9 @@
 import { default as React } from 'react';
 import { SidebarWorkspaceCardProps } from '../../types';
 /**
- * ============================================
- * SIDEBAR WORKSPACE CARD - MOLECULE
- * ============================================
- * Tarjeta que muestra información del workspace/proyecto actual
- * con acciones rápidas en hover.
+ * “Mesa de trabajo” surface for the sidebar rail (Figma Sidebar-Menu `_Storage Usage Widget`):
+ * gradient fill, dashed border, section label, icon + primary line + badge, divider, text CTAs.
+ * Icon + headline sit on one marquee track (vertically centered vs. badge); hover scrolls icon + title together (see `ui-sidebar-workspace-marquee-*` in shared styles).
  */
 export declare const SidebarWorkspaceCard: React.FC<SidebarWorkspaceCardProps>;
 //# sourceMappingURL=SidebarWorkspaceCard.d.ts.map

package/dist/modules/Sidebar/components/molecules/SidebarWorkspaceCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarWorkspaceCard.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/molecules/SidebarWorkspaceCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAMxD;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA6HpE,CAAC"}
+{"version":3,"file":"SidebarWorkspaceCard.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/molecules/SidebarWorkspaceCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA8GpE,CAAC"}

package/dist/modules/Sidebar/components/molecules/index.d.ts

@@ -1,3 +1,4 @@
+export { SidebarDrilldownPanel } from './SidebarDrilldownPanel';
 export { SidebarMenuGroup } from './SidebarMenuGroup';
 export { SidebarUserProfile } from './SidebarUserProfile';
 export { SidebarWorkspaceCard } from './SidebarWorkspaceCard';

package/dist/modules/Sidebar/components/molecules/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/molecules/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/molecules/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/modules/Sidebar/components/organisms/Sidebar.d.ts

@@ -1,38 +1,23 @@
 import { default as React } from 'react';
 import { SidebarProps } from '../../types';
 /**
- * ============================================
- * SIDEBAR - ORGANISM
- * ============================================
- * Componente principal del sidebar que integra todos los
- * subcomponentes: logo, workspace card, menu groups y user profile.
- *
- * Sigue principios de Atomic Design y Screaming Architecture.
+ * Application sidebar aligned with the Sidebar-Menu Figma spec: 240px expanded, 56px collapsed,
+ * 12px rail padding, header row (logo + optional trailing), collapse control with shadow-03,
+ * scrollable menu region, workspace card below the menu (or sheet over profile when `workspace.workspaceSheet`),
+ * then profile and optional footer.
  *
  * @example
  * ```tsx
  * <Sidebar
  *   logo="/logo.png"
- *   workspace={{
- *     title: "Mesa de trabajo",
- *     projectId: "AR-0289-PRUEBA",
- *     clientName: "ARON ALVAREZ",
- *     status: { label: "Ganada", color: "success" }
- *   }}
- *   menuGroups={[
- *     {
- *       title: "CAMPAÑAS",
- *       items: [
- *         { id: "map", label: "Mapa", icon: faEarthAmericas },
- *         { id: "list", label: "Lista de campañas", icon: faList }
- *       ]
- *     }
- *   ]}
+ *   headerTrailing={<NotificationsButton />}
+ *   workspace={{ title: "Workspace", projectId: "PRJ-001" }}
+ *   menuGroups={[ { title: "SECTION", items: [...] } ]}
  *   userProfile={{
- *     name: "Maria Ayala",
- *     role: "Administrador",
- *     avatarProps: { type: "people", src: "/avatar.jpg" }
+ *     summary: { name: "Jane", subtitle: "Admin", avatarProps: { type: "people", src: "/a.jpg" } },
+ *     menu: { onLogout: () => {} },
  *   }}
+ *   footer={<span>Legales · v1.0</span>}
  * />
  * ```
  */

package/dist/modules/Sidebar/components/organisms/Sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/organisms/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAK3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmF1C,CAAC"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Sidebar/components/organisms/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAMlG,OAAO,KAAK,EAEV,YAAY,EAIb,MAAM,aAAa,CAAC;AAuBrB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA4Y1C,CAAC"}

package/dist/modules/Sidebar/index.d.ts

@@ -20,7 +20,8 @@
  * │   ├── molecules/       # Combinación de atoms
  * │   │   ├── SidebarMenuGroup
  * │   │   ├── SidebarUserProfile
- * │   │   └── SidebarWorkspaceCard
+ * │   │   ├── SidebarWorkspaceCard
+ * │   │   └── SidebarDrilldownPanel
  * │   └── organisms/       # Componente completo
  * │       └── Sidebar
  * ├── types/
@@ -38,11 +39,10 @@
  * <Sidebar
  *   logo="/logo.png"
  *   workspace={{
- *     title: "Mesa de trabajo",
  *     badge: { label: 0 },
  *     projectId: "AR-0289-PRUEBA2-ALEX-JUL-2025",
- *     clientName: "ARON ALVAREZ",
- *     status: { label: "Ganada", color: "success" }
+ *     onOpen: () => {},
+ *     onClose: () => {}
  *   }}
  *   menuGroups={[
  *     {
@@ -55,14 +55,23 @@
  *     }
  *   ]}
  *   userProfile={{
- *     name: "Maria Ayala",
- *     role: "Administrador",
- *     avatarProps: { type: "people", src: "/avatar.jpg" }
+ *     summary: {
+ *       name: "Maria Ayala",
+ *       subtitle: "Administrador",
+ *       email: "maria@obp.com.mx",
+ *       avatarProps: { type: "people", src: "/avatar.jpg" },
+ *       presence: { label: "En linea" },
+ *     },
+ *     menu: {
+ *       onSettings: () => {},
+ *       darkMode: { checked: false, onChange: () => {} },
+ *       onLogout: () => {},
+ *     },
  *   }}
  * />
  * ```
  */
 export { Sidebar } from './components';
-export { SidebarMenuItem, SidebarDivider, SidebarSectionTitle, SidebarMenuGroup, SidebarUserProfile, SidebarWorkspaceCard, } from './components';
-export type { SidebarProps, SidebarMenuItemProps, SidebarMenuGroupProps, SidebarDividerProps, SidebarSectionTitleProps, SidebarUserProfileProps, SidebarWorkspaceCardProps, SidebarBadge, SidebarIcon, } from './types';
+export { SidebarMenuItem, SidebarDivider, SidebarSectionTitle, SidebarMenuGroup, SidebarUserProfile, SidebarWorkspaceCard, SidebarDrilldownPanel, } from './components';
+export type { SidebarProps, SidebarMenuItemProps, SidebarMenuGroupProps, SidebarDividerProps, SidebarSectionTitleProps, SidebarUserProfileProps, SidebarUserProfileSummaryProps, SidebarUserProfileMenuProps, SidebarWorkspaceCardProps, SidebarWorkspaceConfig, SidebarBadge, SidebarIcon, SidebarDrilldownPanelProps, SidebarDrilldownParentItem, SidebarDrilldownSubmenuItem, SidebarDrilldownConfig, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/modules/Sidebar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/Sidebar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AAGH,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGvC,OAAO,EACL,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,cAAc,CAAC;AAGtB,YAAY,EACV,YAAY,EACZ,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,EACvB,yBAAyB,EACzB,YAAY,EACZ,WAAW,GACZ,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/Sidebar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AAGH,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGvC,OAAO,EACL,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,cAAc,CAAC;AAGtB,YAAY,EACV,YAAY,EACZ,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,EACvB,8BAA8B,EAC9B,2BAA2B,EAC3B,yBAAyB,EACzB,sBAAsB,EACtB,YAAY,EACZ,WAAW,EACX,0BAA0B,EAC1B,0BAA0B,EAC1B,2BAA2B,EAC3B,sBAAsB,GACvB,MAAM,SAAS,CAAC"}

package/dist/modules/Sidebar/stories/Sidebar.stories.d.ts

@@ -13,6 +13,10 @@ type Story = StoryObj<typeof Sidebar>;
  * Ejemplo completo del Sidebar con todas las secciones
  */
 export declare const Default: Story;
+/**
+ * Sidebar con drilldown: el área de menú muestra `SidebarDrilldownPanel` (volver / breadcrumb / submenús).
+ */
+export declare const WithDrilldown: Story;
 /**
  * Sidebar sin workspace card
  */
@@ -21,6 +25,10 @@ export declare const WithoutWorkspace: Story;
  * Sidebar con settings section
  */
 export declare const WithSettings: Story;
+/**
+ * Mesa de trabajo como hoja: fila «Mesa de trabajo» abre la misma tarjeta deslizándola sobre el perfil; «Cerrar» la oculta.
+ */
+export declare const WorkspaceSheetOverProfile: Story;
 /**
  * MenuItem individual con diferentes estados
  */

package/dist/modules/Sidebar/stories/Sidebar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Sidebar/stories/Sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EACL,OAAO,EAMR,MAAM,UAAU,CAAC;AAelB;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA6B9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAuDtC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAyCrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAY9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAC;AAMF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAY5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAe9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAsBlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAgBhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAe/B,CAAC"}
+{"version":3,"file":"Sidebar.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Sidebar/stories/Sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EACL,OAAO,EAMR,MAAM,UAAU,CAAC;AAkBlB;;;;;GAKG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA4B9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAkFtC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAgErB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAwD3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAY9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAkEvC,CAAC;AAMF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAY5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAe9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAoBlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAgBhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAe/B,CAAC"}

package/dist/modules/Sidebar/stories/SidebarDrilldownPanel.stories.d.ts

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SidebarDrilldownPanel } from '../index';
+declare const meta: Meta<typeof SidebarDrilldownPanel>;
+export default meta;
+type Story = StoryObj<typeof SidebarDrilldownPanel>;
+/**
+ * Vista expandida: breadcrumb, filas completas y divisores del DS.
+ */
+export declare const Expanded: Story;
+/**
+ * Sin prefijo de breadcrumb (solo título del padre).
+ */
+export declare const ExpandedWithoutRootCrumb: Story;
+/**
+ * Barra colapsada: solo iconos y tooltips.
+ */
+export declare const Collapsed: Story;
+//# sourceMappingURL=SidebarDrilldownPanel.stories.d.ts.map

package/dist/modules/Sidebar/stories/SidebarDrilldownPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarDrilldownPanel.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Sidebar/stories/SidebarDrilldownPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAOjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CAO5C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAWpD;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,KActC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC"}

package/dist/modules/Sidebar/types/index.d.ts

@@ -1,3 +1,5 @@
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { ReactNode } from 'react';
 import { AvatarProps } from '../../Avatar/types';
 import { IconType } from '../../../shared/types/types';
 /**
@@ -87,6 +89,24 @@ export interface SidebarMenuGroupProps {
     title?: string;
     /** Items del menú */
     items: SidebarMenuItemProps[];
+    /**
+     * When true with `title`, section header toggles visibility (Figma collapsible blocks).
+     * When false, title uses a static divider row.
+     */
+    collapsible?: boolean;
+    /** Initial open state when `collapsible` is true. */
+    defaultExpanded?: boolean;
+    /**
+     * When true (narrow rail), section titles and collapsible headers are hidden; titled groups
+     * show a plain divider line only, then items.
+     */
+    collapsed?: boolean;
+    /**
+     * When the group has a `title`, omit the leading **plain** `SidebarDivider` when it would
+     * duplicate the rail divider below the header: collapsed rail (before items), or expanded
+     * collapsible section (before the chevron header).
+     */
+    skipLeadingPlainDivider?: boolean;
     /** Clases CSS adicionales */
     className?: string;
 }
@@ -97,49 +117,101 @@ export interface SidebarMenuGroupProps {
  * Props para la tarjeta de workspace/proyecto
  */
 export interface SidebarWorkspaceCardProps {
-    /** Icono del workspace */
+    /** Leading icon (Figma: pen-to-square on brand). */
     icon?: SidebarIcon;
-    /** Título del workspace */
-    title: string;
-    /** Badge con contador */
+    /**
+     * Small label above the campaign row (Figma Sidebar-Menu “Mesa de trabajo”, Body XS / tertiary).
+     */
+    sectionLabel?: string;
+    /**
+     * Primary campaign/project line (Body LG / brand). If `projectId` is set, it wins for display.
+     */
+    title?: string;
+    /** Badge with counter (Figma: brand pill on the right). */
     badge?: SidebarBadge;
-    /** ID del proyecto */
+    /** Preferred source for the primary line when both `title` and `projectId` are used. */
     projectId?: string;
-    /** Nombre del cliente */
-    clientName?: string;
-    /** Estado del proyecto */
-    status?: {
-        label: string;
-        color: 'success' | 'warning' | 'danger' | 'info';
-    };
-    /** Mostrar botones de acción (hover) */
+    /**
+     * When false, hides the footer text actions even if `onOpen` / `onClose` are set.
+     * @defaultValue true
+     */
     showActions?: boolean;
-    /** Handler para abrir */
-    onOpen?: () => void;
-    /** Handler para concluir */
+    /** Left CTA (Figma: “Cerrar”, danger text). */
     onClose?: () => void;
+    /** Right CTA (Figma: “Ver pauta”). */
+    onOpen?: () => void;
+    /** Copy for the close action. */
+    closeLabel?: string;
+    /** Copy for the primary action (e.g. open schedule). */
+    primaryActionLabel?: string;
+    /** Border style for the card surface (Figma “Mesa de trabajo” uses dashed). */
+    cardBorderStyle?: 'solid' | 'dashed';
     /** Clases CSS adicionales */
     className?: string;
 }
+/**
+ * Workspace slot on {@link SidebarProps}: same props as the card plus optional sheet presentation.
+ */
+export type SidebarWorkspaceConfig = SidebarWorkspaceCardProps & {
+    /**
+     * When `true` (expanded sidebar), the card is not rendered under the menu scroll area.
+     * A “Mesa de trabajo” trigger opens it as a sheet that slides up over the user profile rail.
+     */
+    workspaceSheet?: boolean;
+    /** Controlled sheet visibility (requires `onWorkspaceSheetOpenChange`). */
+    workspaceSheetOpen?: boolean;
+    onWorkspaceSheetOpenChange?: (open: boolean) => void;
+};
 /**
  * ============================================
  * USER PROFILE PROPS
  * ============================================
- * Props para el perfil del usuario
+ * Grouped props for the sidebar user rail + account popover (Figma `290:52422`).
  */
-export interface SidebarUserProfileProps {
-    /** Nombre del usuario */
+/** Summary shown on the rail and in the popover header. */
+export interface SidebarUserProfileSummaryProps {
+    /** Display name (rail primary line + popover header). */
     name: string;
-    /** Rol del usuario */
-    role?: string;
-    /** Props del avatar */
+    /** Secondary line on the rail (e.g. role). */
+    subtitle?: string;
+    /**
+     * Secondary line in the popover header (e.g. email).
+     * Falls back to `subtitle` when omitted.
+     */
+    email?: string;
     avatarProps?: Omit<AvatarProps, 'type'> & {
         type?: AvatarProps['type'];
         src?: string;
     };
-    /** Handler de logout */
+    /** Optional presence chip in the popover header (e.g. “En linea”). */
+    presence?: {
+        label: string;
+    };
+}
+/** Popover menu actions (ellipsis trigger). Omit entirely to hide the menu trigger. */
+export interface SidebarUserProfileMenuProps {
+    onSettings?: () => void;
+    /** @defaultValue Configuración */
+    settingsLabel?: string;
+    darkMode?: {
+        checked: boolean;
+        onChange: (checked: boolean) => void;
+        /** @defaultValue Dark mode */
+        label?: string;
+    };
     onLogout?: () => void;
-    /** Clases CSS adicionales */
+    /** @defaultValue Cerrar sesión */
+    logoutLabel?: string;
+}
+export interface SidebarUserProfileProps {
+    summary: SidebarUserProfileSummaryProps;
+    menu?: SidebarUserProfileMenuProps;
+    /**
+     * Popover anchor position relative to the menu trigger.
+     * Default `top-left`: panel above the trigger, left edges aligned (extends to the right).
+     * @defaultValue 'top-left'
+     */
+    menuPosition?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'left' | 'right' | 'bottom-right' | 'bottom-center' | 'bottom-left';
     className?: string;
 }
 /**
@@ -150,22 +222,89 @@ export interface SidebarUserProfileProps {
  */
 export interface SidebarProps {
     /** Logo del sistema (URL o componente) */
-    logo?: React.ReactNode | string;
+    logo?: ReactNode | string;
     /** Handler de click en logo */
     onLogoClick?: () => void;
-    /** Tarjeta de workspace */
-    workspace?: SidebarWorkspaceCardProps;
+    /**
+     * Trailing header slot (e.g. notifications icon + badge). Hidden when collapsed if you omit it.
+     */
+    headerTrailing?: ReactNode;
+    /** Workspace card (`SidebarWorkspaceCard`). Use `workspaceSheet` on the object for slide-over profile mode. */
+    workspace?: SidebarWorkspaceConfig;
     /** Grupos de menú */
     menuGroups?: SidebarMenuGroupProps[];
     /** Perfil del usuario */
     userProfile?: SidebarUserProfileProps;
+    /** Pie del rail (e.g. legales + versión). */
+    footer?: ReactNode;
     /** Estado colapsado */
     collapsed?: boolean;
     /** Handler para toggle de collapse */
     onToggleCollapse?: () => void;
     /** Clases CSS adicionales */
     className?: string;
-    /** Ancho del sidebar (default: 248px) */
+    /** Expanded width in px (Figma: 240). */
     width?: number;
+    /** Collapsed width in px (Figma: 56). */
+    collapsedWidth?: number;
+    /**
+     * Second-level navigation: when `active`, renders `SidebarDrilldownPanel` instead of `menuGroups`.
+     * Logo, workspace (if not collapsed) and user profile behavior are unchanged.
+     */
+    drilldown?: SidebarDrilldownConfig;
 }
+/**
+ * ============================================
+ * SIDEBAR DRILLDOWN PANEL (second-level nav)
+ * ============================================
+ * App-agnostic submenu list aligned with shell drilldown patterns.
+ */
+/** Entry inside a drilldown parent item (no router coupling). */
+export interface SidebarDrilldownSubmenuItem {
+    /** Stable key for lists; index-based fallback is used when omitted. */
+    id?: string;
+    /** Row label. */
+    title: string;
+    /** Font Awesome icon, legacy icon name, or omit for a neutral dot icon. */
+    icon?: IconDefinition | string;
+    /** Optional href for the host app (navigation stays in `onActivateSubmenu`). */
+    href?: string;
+    /** Optional side effect when the row is activated. */
+    onClick?: () => void;
+}
+/** Parent row that owns a drilldown submenu. */
+export interface SidebarDrilldownParentItem {
+    title: string;
+    submenus?: SidebarDrilldownSubmenuItem[];
+}
+export interface SidebarDrilldownPanelProps {
+    /**
+     * When true, shows breadcrumb header and full-width rows.
+     * When false, shows icon-only actions with tooltips.
+     */
+    expanded: boolean;
+    parentItem: SidebarDrilldownParentItem;
+    /** First breadcrumb segment (e.g. product area). */
+    breadcrumbRootLabel: string;
+    /** Returns whether a submenu row should render as active/selected. */
+    isSubmenuActive?: (item: SidebarDrilldownSubmenuItem) => boolean;
+    /**
+     * When false, hides the root breadcrumb label and chevron before the parent title.
+     */
+    showBreadcrumbRoot?: boolean;
+    /** Invoked after optional `onClick` on the row; host handles `href` / routing. */
+    onActivateSubmenu?: (item: SidebarDrilldownSubmenuItem) => void;
+    /** Navigates back to the parent menu level. */
+    onBack: () => void;
+    /** Accessible label for the collapsed back control tooltip. */
+    backButtonTooltip?: string;
+    className?: string;
+}
+/**
+ * Drilldown mode for the Sidebar organism: same props as `SidebarDrilldownPanel` plus `active`.
+ * When `active` is true, menu groups are not rendered and the panel fills the menu region.
+ */
+export type SidebarDrilldownConfig = {
+    active: boolean;
+} & SidebarDrilldownPanelProps;
 //# sourceMappingURL=index.d.ts.map

package/dist/modules/Sidebar/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Sidebar/types/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/modules/Sidebar/types/index.ts"],"names":[],"mappings":"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"}

package/dist/modules/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/modules/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAKX,MAAM,sBAAsB,CAAC;AA8B9B,eAAO,MAAM,KAAK,GAAI,CAAC,EAAI,ulBA2CxB,UAAU,CAAC,CAAC,CAAC,4CAwhBf,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/modules/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAKX,MAAM,sBAAsB,CAAC;AA8B9B,eAAO,MAAM,KAAK,GAAI,CAAC,EAAI,ulBA2CxB,UAAU,CAAC,CAAC,CAAC,4CAyhBf,CAAC"}

package/dist/modules/Table/hooks/useTableSelection.d.ts

@@ -2,6 +2,11 @@ import { RowConfig } from '../../../shared/types/table';
 export interface UseTableSelectionOptions<T> {
     /** Si devuelve false, la fila no se puede seleccionar (checkbox deshabilitado en UI). */
     isRowSelectable?: (row: RowConfig<T>) => boolean;
+    /**
+     * Called whenever the table selection ids change (initial mount included, with `[]` until rows are selected).
+     * Uses a ref so callers may pass an inline handler without re-running this effect every render.
+     */
+    onSelectionChange?: (selectedIds: (string | number)[]) => void;
 }
 export declare const useTableSelection: <T>(rows: RowConfig<T>[], multiple?: boolean, options?: UseTableSelectionOptions<T>) => {
     selectedIds: (string | number)[];

package/dist/modules/Table/hooks/useTableSelection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableSelection.d.ts","sourceRoot":"","sources":["../../../../src/modules/Table/hooks/useTableSelection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACzC,yFAAyF;IACzF,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;CAClD;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,EACjC,MAAM,SAAS,CAAC,CAAC,CAAC,EAAE,EACpB,kBAAe,EACf,UAAU,wBAAwB,CAAC,CAAC,CAAC;;;;;2BA+B7B,SAAS,CAAC,CAAC,CAAC;+BAYR,OAAO;;sBAckB,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE;wBAK9C,MAAM,GAAG,MAAM;CAe1B,CAAC"}
+{"version":3,"file":"useTableSelection.d.ts","sourceRoot":"","sources":["../../../../src/modules/Table/hooks/useTableSelection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACzC,yFAAyF;IACzF,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;IACjD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,EACjC,MAAM,SAAS,CAAC,CAAC,CAAC,EAAE,EACpB,kBAAe,EACf,UAAU,wBAAwB,CAAC,CAAC,CAAC;;;;;2BAqC7B,SAAS,CAAC,CAAC,CAAC;+BAYR,OAAO;;sBAckB,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE;wBAK9C,MAAM,GAAG,MAAM;CAe1B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imj_media/ui",
-  "version": "1.8.3",
+  "version": "1.8.4",
   "description": "Componentes UI",
   "author": {
     "name": "Oscar Rubio - IMJ",