@stackcraftmx/calcita 0.0.0-stage → 0.25.0

package/dist/inbox/MessageList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.js","sources":["../../src/inbox/MessageList.jsx"],"sourcesContent":["// La lista de mensajes de una bandeja tipo correo: quién lo manda (y cuántos mensajes trae la conversación), el asunto con sus\n// etiquetas, el principio del texto, la fecha corta, la estrella y el clip si trae archivos. Los no leídos van en negritas con\n// su punto.\n//\n// Lo de un producto, todo hacia afuera (la lista no guarda nada ni llama a ningún servidor):\n//   - elegir varios: con onSelectionChange el monograma de cada mensaje se vuelve su casilla (como Gmail en el teléfono) y la\n//     pantalla pone las acciones de lo elegido (SelectionActions: archivar, borrar, marcar como leído…);\n//   - «⋯» de cada mensaje con las acciones que dé la pantalla (messageActions);\n//   - renderMessage para pintar lo de adentro de cada renglón a su manera, y texts para cualquier texto.\n//\n// Genérico del paquete: function (regla de la casa).\nimport Avatar from '@mui/material/Avatar';\nimport Box from '@mui/material/Box';\nimport ButtonBase from '@mui/material/ButtonBase';\nimport Chip from '@mui/material/Chip';\nimport IconButton from '@mui/material/IconButton';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemAvatar from '@mui/material/ListItemAvatar';\nimport ListItemButton from '@mui/material/ListItemButton';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\nimport AttachFileRoundedIcon from '@mui/icons-material/AttachFileRounded';\nimport CheckRoundedIcon from '@mui/icons-material/CheckRounded';\nimport StarBorderRoundedIcon from '@mui/icons-material/StarBorderRounded';\nimport StarRoundedIcon from '@mui/icons-material/StarRounded';\n\nimport {initialsOf} from '@/appShell/menuItemText.js';\nimport {inboxDateOf} from '@/inbox/inboxDates.js';\nimport {useFormatters} from '@/toolkit/useFormatters.js';\nimport {tagOf} from '@/ui/labels/tagOf.js';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport ActionsMenu from '@/ui/actions/ActionsMenu.jsx';\n\nconst UNREAD_DOT_PIXELS = 8;\nconst AVATAR_PIXELS = 40;\n\n/**\n * @param {object} props\n * @param {Array<{id: string, from: {name: string, email: string}, subject: string, preview: string, receivedAt: string, isUnread?: boolean, isStarred?: boolean, hasAttachments?: boolean, threadCount?: number, labels?: Array<string|{label: string, color?: string}>} & Record<string, any>>} props.messages\n *     cada mensaje puede traer sus campos propios (llegan a renderMessage y a messageActions tal cual). threadCount: cuántos\n *     mensajes trae la conversación (con 2 o más se pinta «(3)»); labels: texto o {label, color} del tema\n * @param {string|null} [props.selectedId] el mensaje abierto\n * @param {(messageId: string) => void} props.onSelect abrir un mensaje\n * @param {(messageId: string) => void} [props.onToggleStar]\n * @param {string[]} [props.selectedIds] los elegidos para una acción en grupo\n * @param {(messageIds: string[]) => void} [props.onSelectionChange] con él, cada mensaje se puede elegir picando su monograma\n * @param {(message: any) => Array<{key: string, label: string, icon?: import('react').ReactNode, color?: string, disabled?: boolean, onClick: () => void}>} [props.messageActions]\n *     las acciones del «⋯» de cada mensaje (archivar, posponer, mover…); sin ellas no hay «⋯»\n * @param {(message: any) => import('react').ReactNode} [props.renderMessage] lo de adentro de cada renglón, a su manera\n * @param {string} [props.emptyText] ya traducido; por omisión el del paquete\n * @param {object} [props.texts] los textos que cambian, con la forma de `inbox` en los textos del paquete\n */\nexport default function MessageList({\n    messages, selectedId = null, onSelect, onToggleStar, selectedIds = [], onSelectionChange, messageActions, renderMessage, emptyText, texts,\n}) {\n    const {t} = useToolkitTranslation('inbox', texts);\n    const formatters = useFormatters();\n\n    if (messages.length === 0) {\n        return <Typography variant=\"body2\" color=\"text.secondary\" sx={{p: 3, textAlign: 'center'}}>{emptyText ?? t('empty')}</Typography>;\n    }\n\n    const toggleSelected = (messageId, isChecked) => {\n        onSelectionChange(isChecked ? [...selectedIds, messageId] : selectedIds.filter((id) => id !== messageId));\n    };\n\n    return (\n        <List disablePadding aria-label={t('listLabel')}>\n            {messages.map((message) => {\n                const weight = message.isUnread ? 700 : 400;\n                const isChecked = selectedIds.includes(message.id);\n                const avatar = <Avatar sx={{width: AVATAR_PIXELS, height: AVATAR_PIXELS}}>{initialsOf(message.from.name)}</Avatar>;\n                return (\n                    <ListItem key={message.id} disablePadding secondaryAction={(onToggleStar || messageActions) && (\n                        <Stack direction=\"row\" sx={{alignItems: 'center'}}>\n                            {onToggleStar && (\n                                <IconButton size=\"small\" onClick={() => onToggleStar(message.id)} aria-pressed={Boolean(message.isStarred)}\n                                            aria-label={message.isStarred ? t('unstar') : t('star')} sx={{color: message.isStarred ? 'warning.main' : 'text.secondary'}}>\n                                    {message.isStarred ? <StarRoundedIcon fontSize=\"small\" /> : <StarBorderRoundedIcon fontSize=\"small\" />}\n                                </IconButton>\n                            )}\n                            {messageActions && <ActionsMenu label={t('messageActions', {subject: message.subject})} actions={messageActions(message)} />}\n                        </Stack>\n                    )} sx={{'& .MuiListItemSecondaryAction-root': {right: 4}}}>\n                        <ListItemButton selected={message.id === selectedId || isChecked} onClick={() => onSelect(message.id)} alignItems=\"flex-start\"\n                                        sx={{borderRadius: 2, pr: onToggleStar && messageActions ? 10 : 6}}>\n                            <ListItemAvatar sx={{mt: 0.5}}>\n                                {/* elegir: el monograma es la casilla (el clic no abre el mensaje). Un botón con papel de casilla y\n                                    no el Checkbox de MUI: el tema le pinta a la casilla marcada un cuadro blanco detrás de su dibujo\n                                    y la palomita salía como un cuadro */}\n                                {onSelectionChange ? (\n                                    <ButtonBase role=\"checkbox\" aria-checked={isChecked} aria-label={t('select', {subject: message.subject})}\n                                                sx={{borderRadius: '50%'}}\n                                                onClick={(event) => {\n                                                    event.stopPropagation();\n                                                    toggleSelected(message.id, !isChecked);\n                                                }}>\n                                        {isChecked ? (\n                                            <Avatar sx={{width: AVATAR_PIXELS, height: AVATAR_PIXELS, bgcolor: 'primary.main', color: 'primary.contrastText'}}>\n                                                <CheckRoundedIcon />\n                                            </Avatar>\n                                        ) : avatar}\n                                    </ButtonBase>\n                                ) : avatar}\n                            </ListItemAvatar>\n                            {renderMessage ? <Box sx={{minWidth: 0, flex: 1}}>{renderMessage(message)}</Box> : (\n                                <Box sx={{minWidth: 0, flex: 1}}>\n                                    <Stack direction=\"row\" spacing={1} sx={{alignItems: 'center'}}>\n                                        {message.isUnread && (\n                                            <Box component=\"span\" aria-label={t('unread')} sx={{width: UNREAD_DOT_PIXELS, height: UNREAD_DOT_PIXELS, borderRadius: '50%', bgcolor: 'primary.main', flexShrink: 0}} />\n                                        )}\n                                        <Typography variant=\"body2\" noWrap sx={{fontWeight: weight, flex: 1}}>\n                                            {message.from.name}\n                                            {message.threadCount > 1 && (\n                                                <Typography component=\"span\" variant=\"caption\" color=\"text.secondary\" sx={{ml: 0.5}} aria-label={t('threadCount', {count: message.threadCount})}>\n                                                    ({message.threadCount})\n                                                </Typography>\n                                            )}\n                                        </Typography>\n                                        {message.hasAttachments && <AttachFileRoundedIcon fontSize=\"inherit\" color=\"action\" aria-label={t('attachments')} />}\n                                        <Typography variant=\"caption\" color=\"text.secondary\" sx={{flexShrink: 0, fontVariantNumeric: 'tabular-nums'}}>\n                                            {inboxDateOf(message.receivedAt, new Date(), formatters)}\n                                        </Typography>\n                                    </Stack>\n                                    <Typography variant=\"body2\" noWrap sx={{fontWeight: weight}}>{message.subject}</Typography>\n                                    <Typography variant=\"body2\" color=\"text.secondary\" noWrap>{message.preview}</Typography>\n                                    {message.labels?.length > 0 && (\n                                        <Stack direction=\"row\" spacing={0.5} useFlexGap sx={{flexWrap: 'wrap', mt: 0.5}}>\n                                            {message.labels.map((rawLabel) => {\n                                                const label = tagOf(rawLabel);\n                                                return <Chip key={label.label} size=\"small\" variant=\"outlined\" color={label.color} label={label.label} />;\n                                            })}\n                                        </Stack>\n                                    )}\n                                </Box>\n                            )}\n                        </ListItemButton>\n                    </ListItem>\n                );\n            })}\n        </List>\n    );\n}\n"],"names":["CheckRoundedIcon"],"mappings":"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"}

package/dist/inbox/MessageView.js

@@ -0,0 +1,104 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Avatar from "@mui/material/Avatar";
+import Box from "@mui/material/Box";
+import ButtonBase from "@mui/material/ButtonBase";
+import Chip from "@mui/material/Chip";
+import Divider from "@mui/material/Divider";
+import Stack from "@mui/material/Stack";
+import Typography from "@mui/material/Typography";
+import AttachFileRoundedIcon from "@mui/icons-material/AttachFileRounded";
+import { initialsOf } from "../appShell/menuItemText.js";
+import { useFormatters } from "../toolkit/useFormatters.js";
+import { inboxDateOf } from "./inboxDates.js";
+import { useToolkitTranslation } from "../toolkit/useToolkitTranslation.js";
+import { tagOf } from "../ui/labels/tagOf.js";
+const PREVIEW_LENGTH = 90;
+function MessageHeader({ entry, t }) {
+  const { formatDateTime } = useFormatters();
+  return /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1.5, sx: { alignItems: "center" }, children: [
+    /* @__PURE__ */ jsx(Avatar, { children: initialsOf(entry.from.name) }),
+    /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 0, flex: 1 }, children: [
+      /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", component: "p", noWrap: true, children: [
+        entry.from.name,
+        " ",
+        /* @__PURE__ */ jsxs(Typography, { component: "span", variant: "body2", color: "text.secondary", children: [
+          "<",
+          entry.from.email,
+          ">"
+        ] })
+      ] }),
+      entry.to?.length > 0 && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", component: "p", children: t("to", { to: entry.to.join(", ") }) }),
+      entry.cc?.length > 0 && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", component: "p", children: t("cc", { cc: entry.cc.join(", ") }) }),
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", component: "p", children: formatDateTime(entry.receivedAt) })
+    ] })
+  ] });
+}
+function MessageBody({ entry, t, onAttachmentClick, renderBody }) {
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+    /* @__PURE__ */ jsx(MessageHeader, { entry, t }),
+    entry.attachments?.length > 0 && /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 1, useFlexGap: true, sx: { flexWrap: "wrap" }, "aria-label": t("attachments"), role: "group", children: entry.attachments.map((attachment) => /* @__PURE__ */ jsx(
+      Chip,
+      {
+        icon: /* @__PURE__ */ jsx(AttachFileRoundedIcon, {}),
+        variant: "outlined",
+        label: attachment.size ? `${attachment.name} · ${attachment.size}` : attachment.name,
+        ...onAttachmentClick && { onClick: () => onAttachmentClick(attachment, entry), "aria-label": t("openAttachment", { name: attachment.name }) }
+      },
+      attachment.name
+    )) }),
+    renderBody ? renderBody(entry) : /* @__PURE__ */ jsx(Typography, { variant: "body1", component: "div", sx: { whiteSpace: "pre-wrap", overflowWrap: "anywhere" }, children: entry.body })
+  ] });
+}
+function MessageView({ message, actions, footer, onAttachmentClick, onExpand, renderBody, texts }) {
+  const { t } = useToolkitTranslation("inbox", texts);
+  const formatters = useFormatters();
+  const [expanded, setExpanded] = useState({ messageId: null, ids: [] });
+  if (!message) {
+    return /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { p: 4, textAlign: "center" }, children: t("noMessageSelected") });
+  }
+  const expandedIds = expanded.messageId === message.id ? expanded.ids : [];
+  const expand = (threadMessageId) => {
+    setExpanded({ messageId: message.id, ids: [...expandedIds, threadMessageId] });
+    onExpand?.(threadMessageId);
+  };
+  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, component: "article", "aria-label": message.subject, children: [
+    actions && /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 0.5, useFlexGap: true, sx: { flexWrap: "wrap", alignItems: "center" }, children: actions }),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "h5", component: "h2", children: message.subject }),
+      message.labels?.length > 0 && /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 0.5, useFlexGap: true, sx: { flexWrap: "wrap", mt: 1 }, children: message.labels.map((rawLabel) => {
+        const label = tagOf(rawLabel);
+        return /* @__PURE__ */ jsx(Chip, { size: "small", variant: "outlined", color: label.color, label: label.label }, label.label);
+      }) })
+    ] }),
+    message.thread?.length > 0 && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: t("threadCount", { count: message.thread.length + 1 }) }),
+    message.thread?.map((entry) => expandedIds.includes(entry.id) ? /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(MessageBody, { entry, t, onAttachmentClick, renderBody }),
+      /* @__PURE__ */ jsx(Divider, { sx: { mt: 2 } })
+    ] }, entry.id) : /* @__PURE__ */ jsxs(
+      ButtonBase,
+      {
+        onClick: () => expand(entry.id),
+        "aria-label": t("expandMessage", { name: entry.from.name, date: inboxDateOf(entry.receivedAt, /* @__PURE__ */ new Date(), formatters) }),
+        sx: { justifyContent: "flex-start", textAlign: "left", borderRadius: 2, p: 1, mx: -1, gap: 1.5, "&:hover": { bgcolor: "action.hover" } },
+        children: [
+          /* @__PURE__ */ jsx(Avatar, { sx: { width: 32, height: 32, fontSize: 13 }, children: initialsOf(entry.from.name) }),
+          /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 0, flex: 1 }, children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { fontWeight: 600 }, noWrap: true, children: entry.from.name }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", noWrap: true, children: entry.body.replace(/\s+/g, " ").slice(0, PREVIEW_LENGTH) })
+          ] }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", sx: { flexShrink: 0 }, children: inboxDateOf(entry.receivedAt, /* @__PURE__ */ new Date(), formatters) })
+        ]
+      },
+      entry.id
+    )),
+    message.thread?.length > 0 && /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(MessageBody, { entry: message, t, onAttachmentClick, renderBody }),
+    footer
+  ] });
+}
+export {
+  MessageView as default
+};
+//# sourceMappingURL=MessageView.js.map

package/dist/inbox/MessageView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageView.js","sources":["../../src/inbox/MessageView.jsx"],"sourcesContent":["// La lectura de un mensaje o de una conversación completa: el asunto con sus etiquetas y, debajo, cada mensaje de la\n// conversación (los anteriores encogidos en un renglón con quién y cuándo, como Gmail; al picarlos se abren). De cada uno:\n// quién lo manda (con su correo), para quién y con copia a quién, la fecha completa, sus archivos y el texto. Arriba, las\n// acciones que quiera el proyecto (responder, archivar, posponer, borrar); abajo, lo que quiera poner (una respuesta rápida).\n//\n// El texto se pinta como TEXTO, con sus saltos de renglón: nunca como HTML (un correo con HTML adentro sería un XSS). Si un\n// proyecto necesita HTML, lo pinta con renderBody y es SU responsabilidad limpiarlo antes (DOMPurify o su backend).\n//\n// Todo hacia afuera: onAttachmentClick al picar un archivo (descargarlo, verlo), onExpand al abrir un mensaje anterior (para\n// marcarlo como leído), renderBody, footer y texts.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useState} from 'react';\nimport Avatar from '@mui/material/Avatar';\nimport Box from '@mui/material/Box';\nimport ButtonBase from '@mui/material/ButtonBase';\nimport Chip from '@mui/material/Chip';\nimport Divider from '@mui/material/Divider';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\nimport AttachFileRoundedIcon from '@mui/icons-material/AttachFileRounded';\n\nimport {initialsOf} from '@/appShell/menuItemText.js';\nimport {useFormatters} from '@/toolkit/useFormatters.js';\nimport {inboxDateOf} from '@/inbox/inboxDates.js';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport {tagOf} from '@/ui/labels/tagOf.js';\n\nconst PREVIEW_LENGTH = 90;\n\n/** Quién manda, para quién, con copia a quién y cuándo. */\nfunction MessageHeader({entry, t}) {\n    const {formatDateTime} = useFormatters();\n    return (\n        <Stack direction=\"row\" spacing={1.5} sx={{alignItems: 'center'}}>\n            <Avatar>{initialsOf(entry.from.name)}</Avatar>\n            <Box sx={{minWidth: 0, flex: 1}}>\n                <Typography variant=\"subtitle2\" component=\"p\" noWrap>\n                    {entry.from.name} <Typography component=\"span\" variant=\"body2\" color=\"text.secondary\">&lt;{entry.from.email}&gt;</Typography>\n                </Typography>\n                {entry.to?.length > 0 && <Typography variant=\"caption\" color=\"text.secondary\" component=\"p\">{t('to', {to: entry.to.join(', ')})}</Typography>}\n                {entry.cc?.length > 0 && <Typography variant=\"caption\" color=\"text.secondary\" component=\"p\">{t('cc', {cc: entry.cc.join(', ')})}</Typography>}\n                {/* la fecha debajo y no a la derecha: en el teléfono apretaba el «Para» a dos renglones */}\n                <Typography variant=\"caption\" color=\"text.secondary\" component=\"p\">{formatDateTime(entry.receivedAt)}</Typography>\n            </Box>\n        </Stack>\n    );\n}\n\n/** Un mensaje abierto: su encabezado, sus archivos y su texto. */\nfunction MessageBody({entry, t, onAttachmentClick, renderBody}) {\n    return (\n        <Stack spacing={2}>\n            <MessageHeader entry={entry} t={t} />\n            {entry.attachments?.length > 0 && (\n                <Stack direction=\"row\" spacing={1} useFlexGap sx={{flexWrap: 'wrap'}} aria-label={t('attachments')} role=\"group\">\n                    {entry.attachments.map((attachment) => (\n                        <Chip key={attachment.name} icon={<AttachFileRoundedIcon />} variant=\"outlined\"\n                              label={attachment.size ? `${attachment.name} · ${attachment.size}` : attachment.name}\n                              {...(onAttachmentClick && {onClick: () => onAttachmentClick(attachment, entry), 'aria-label': t('openAttachment', {name: attachment.name})})} />\n                    ))}\n                </Stack>\n            )}\n            {renderBody ? renderBody(entry) : (\n                <Typography variant=\"body1\" component=\"div\" sx={{whiteSpace: 'pre-wrap', overflowWrap: 'anywhere'}}>{entry.body}</Typography>\n            )}\n        </Stack>\n    );\n}\n\n/**\n * @param {object} props\n * @param {{id?: string, subject: string, from: {name: string, email: string}, to?: string[], cc?: string[], receivedAt: string, body: string, attachments?: Array<{name: string, size?: string} & Record<string, any>>, labels?: Array<string|{label: string, color?: string}>, thread?: Array<{id: string, from: {name: string, email: string}, to?: string[], cc?: string[], receivedAt: string, body: string, attachments?: Array<{name: string, size?: string}>}>}|null} props.message\n *     el mensaje más nuevo de la conversación; thread: los anteriores, del más viejo al más nuevo (encogidos). null: todavía\n *     no se elige ninguno\n * @param {import('react').ReactNode} [props.actions] los botones de arriba\n * @param {import('react').ReactNode} [props.footer] lo de abajo (una respuesta rápida, firmas…)\n * @param {(attachment: any, message: any) => void} [props.onAttachmentClick] al picar un archivo; sin él los archivos solo se ven\n * @param {(threadMessageId: string) => void} [props.onExpand] al abrir un mensaje anterior de la conversación\n * @param {(message: any) => import('react').ReactNode} [props.renderBody] el texto a su manera (HTML ya limpio por el proyecto)\n * @param {object} [props.texts] los textos que cambian, con la forma de `inbox` en los textos del paquete\n */\nexport default function MessageView({message, actions, footer, onAttachmentClick, onExpand, renderBody, texts}) {\n    const {t} = useToolkitTranslation('inbox', texts);\n    const formatters = useFormatters();\n    // los mensajes anteriores que la persona abrió (empiezan encogidos), de qué conversación: al cambiar de mensaje se olvidan\n    const [expanded, setExpanded] = useState({messageId: null, ids: []});\n\n    if (!message) {\n        return <Typography variant=\"body2\" color=\"text.secondary\" sx={{p: 4, textAlign: 'center'}}>{t('noMessageSelected')}</Typography>;\n    }\n\n    const expandedIds = expanded.messageId === message.id ? expanded.ids : [];\n    const expand = (threadMessageId) => {\n        setExpanded({messageId: message.id, ids: [...expandedIds, threadMessageId]});\n        onExpand?.(threadMessageId);\n    };\n\n    return (\n        <Stack spacing={2} component=\"article\" aria-label={message.subject}>\n            {actions && <Stack direction=\"row\" spacing={0.5} useFlexGap sx={{flexWrap: 'wrap', alignItems: 'center'}}>{actions}</Stack>}\n            <Box>\n                <Typography variant=\"h5\" component=\"h2\">{message.subject}</Typography>\n                {message.labels?.length > 0 && (\n                    <Stack direction=\"row\" spacing={0.5} useFlexGap sx={{flexWrap: 'wrap', mt: 1}}>\n                        {message.labels.map((rawLabel) => {\n                            const label = tagOf(rawLabel);\n                            return <Chip key={label.label} size=\"small\" variant=\"outlined\" color={label.color} label={label.label} />;\n                        })}\n                    </Stack>\n                )}\n            </Box>\n            {message.thread?.length > 0 && (\n                <Typography variant=\"caption\" color=\"text.secondary\">{t('threadCount', {count: message.thread.length + 1})}</Typography>\n            )}\n            {/* los anteriores: encogidos en un renglón; abiertos, completos y con su línea abajo */}\n            {message.thread?.map((entry) => (expandedIds.includes(entry.id) ? (\n                <Box key={entry.id}>\n                    <MessageBody entry={entry} t={t} onAttachmentClick={onAttachmentClick} renderBody={renderBody} />\n                    <Divider sx={{mt: 2}} />\n                </Box>\n            ) : (\n                <ButtonBase key={entry.id} onClick={() => expand(entry.id)} aria-label={t('expandMessage', {name: entry.from.name, date: inboxDateOf(entry.receivedAt, new Date(), formatters)})}\n                            sx={{justifyContent: 'flex-start', textAlign: 'left', borderRadius: 2, p: 1, mx: -1, gap: 1.5, '&:hover': {bgcolor: 'action.hover'}}}>\n                    <Avatar sx={{width: 32, height: 32, fontSize: 13}}>{initialsOf(entry.from.name)}</Avatar>\n                    <Box sx={{minWidth: 0, flex: 1}}>\n                        <Typography variant=\"body2\" sx={{fontWeight: 600}} noWrap>{entry.from.name}</Typography>\n                        <Typography variant=\"body2\" color=\"text.secondary\" noWrap>{entry.body.replace(/\\s+/g, ' ').slice(0, PREVIEW_LENGTH)}</Typography>\n                    </Box>\n                    <Typography variant=\"caption\" color=\"text.secondary\" sx={{flexShrink: 0}}>{inboxDateOf(entry.receivedAt, new Date(), formatters)}</Typography>\n                </ButtonBase>\n            )))}\n            {message.thread?.length > 0 && <Divider />}\n            <MessageBody entry={message} t={t} onAttachmentClick={onAttachmentClick} renderBody={renderBody} />\n            {footer}\n        </Stack>\n    );\n}\n"],"names":[],"mappings":"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"}

package/dist/inbox/inboxDates.js

@@ -0,0 +1,9 @@
+import { formatTime, formatDate } from "../formatting.js";
+function inboxDateOf(receivedAt, now = /* @__PURE__ */ new Date(), formatters = { formatDate, formatTime }) {
+  const isToday = formatters.formatDate(receivedAt) === formatters.formatDate(now.toISOString());
+  return isToday ? formatters.formatTime(receivedAt) : formatters.formatDate(receivedAt);
+}
+export {
+  inboxDateOf
+};
+//# sourceMappingURL=inboxDates.js.map

package/dist/inbox/inboxDates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inboxDates.js","sources":["../../src/inbox/inboxDates.js"],"sourcesContent":["// La fecha corta de un mensaje en la lista, como la pintan los correos: si llegó hoy, la hora («09:14»); si no, el día\n// («14 oct 2026»). «Hoy» es en la zona del negocio (la de ToolkitProvider), no la del servidor.\n//\n// Función pura: function (regla de la casa).\nimport {formatDate, formatTime} from '@/formatting.js';\n\n/**\n * @param {string} receivedAt el instante ISO\n * @param {Date} [now] para las pruebas; por omisión, ahora\n * @param {{formatDate: Function, formatTime: Function}} [formatters] los de useFormatters (el proveedor más cercano); por\n *     omisión los sueltos (el de la raíz)\n * @returns {string}\n */\nexport function inboxDateOf(receivedAt, now = new Date(), formatters = {formatDate, formatTime}) {\n    const isToday = formatters.formatDate(receivedAt) === formatters.formatDate(now.toISOString());\n    return isToday ? formatters.formatTime(receivedAt) : formatters.formatDate(receivedAt);\n}\n"],"names":[],"mappings":";AAaO,SAAS,YAAY,YAAY,MAAM,oBAAI,KAAI,GAAI,aAAa,EAAC,YAAY,WAAU,GAAG;AAC7F,QAAM,UAAU,WAAW,WAAW,UAAU,MAAM,WAAW,WAAW,IAAI,aAAa;AAC7F,SAAO,UAAU,WAAW,WAAW,UAAU,IAAI,WAAW,WAAW,UAAU;AACzF;"}

package/dist/index.js

@@ -0,0 +1,407 @@
+import { ToolkitProvider } from "./toolkit/ToolkitProvider.js";
+import { useToolkitNavigation, useToolkitSettings } from "./toolkit/toolkitContext.js";
+import { useToolkitTranslation } from "./toolkit/useToolkitTranslation.js";
+import { default as default2 } from "./toolkit/ComponentTexts.js";
+import { DEFAULT_CURRENCY, DEFAULT_LANGUAGE, DEFAULT_LANGUAGES, configureToolkit, toolkitSettings, translateToolkit } from "./toolkit/toolkitSettings.js";
+import { browserNavigation, createBrowserNavigation } from "./toolkit/browserNavigation.js";
+import { createHashNavigation } from "./toolkit/hashNavigation.js";
+import { default as default3 } from "./locales/es.js";
+import { default as default4 } from "./locales/en.js";
+import { default as default5 } from "./feedback/ConfirmDialog.js";
+import { default as default6 } from "./feedback/ModalWaiting.js";
+import { NEW_BUILD_NOTICE_VARIANT, default as default7 } from "./feedback/NewBuildNotice.js";
+import { default as default8 } from "./feedback/StaleBuildBoundary.js";
+import { default as default9 } from "./feedback/Toaster.js";
+import { confirmActionMachine } from "./feedback/confirmActionMachine.js";
+import { TOAST_DEFAULT_OPTIONS, dismissToast, errorsObjectToMessage, toastDefault, toastError, toastInfo, toastLoading, toastProblem, toastPromise, toastSuccess, toastWarn } from "./feedback/toast.js";
+import { useConfirmAction } from "./feedback/useConfirmAction.js";
+import { default as default10 } from "./downloads/DownloadManager.js";
+import { cancelDownload, clearFinishedDownloads, startDownload } from "./downloads/downloadQueue.js";
+import { DEFAULT_FILE_TYPES, UNKNOWN_FILE_TYPE, useFileTypes } from "./downloads/fileTypes.js";
+import { DOWNLOAD_STATUS, downloadsMachine } from "./downloads/downloadsMachine.js";
+import { THEME_LOOK, TOP_BAR, createToolkitTheme } from "./theme/createToolkitTheme.js";
+import { isAndroidDevice } from "./theme/androidDevice.js";
+import { MINIMAL_BACKGROUND } from "./theme/components/minimalComponents.js";
+import { STACKCRAFT, stackcraftDarkPalette, stackcraftLightPalette } from "./theme/stackcraftPalette.js";
+import { toolkitComponents } from "./theme/toolkitComponents.js";
+import { mergeComponents } from "./theme/mergeComponents.js";
+import { GLASS_INSET_PIXELS, GLASS_MENU_RADIUS_PIXELS, GLASS_OPACITY, GLASS_PANEL_RADIUS_PIXELS, accentTextStylesOf, ambientBackgroundOf, canvasFieldStylesOf, fieldWellStylesOf, fixedBackgroundLayerOf, glassDropOf, glassStylesOf, glassSurfaceOf, isGlassTheme, materialBackgroundOf, materialStylesOf, materialSurfaceOf, scrollEdgeStylesOf } from "./theme/glassSurface.js";
+import { AppLayout, MENU_POSITION } from "./appShell/AppLayout.js";
+import { AuthLayout } from "./appShell/AuthLayout.js";
+import { default as default11 } from "./appShell/BarActions.js";
+import { default as default12 } from "./appShell/BarActionButton.js";
+import { default as default13 } from "./appShell/BarSearch.js";
+import { default as default14 } from "./ui/actions/ActionsMenu.js";
+import { SELECTION_PHONE_LAYOUT, default as default15, selectionFloatsOnPhone } from "./ui/actions/SelectionActions.js";
+import { BAR_ACTIONS_PLACEMENT, useBarActionsPlacement, useCloseBarActionsMenu } from "./appShell/barActionsSlot.js";
+import { BAR_CAPSULE_HEIGHT_PIXELS, default as default16 } from "./appShell/BarCapsule.js";
+import { usesMobileTabBar } from "./appShell/tabBarRule.js";
+import { default as default17, SettingSection } from "./appShell/AppearanceSettings.js";
+import { barMenuPlacementOf } from "./appShell/barMenuPlacement.js";
+import { DRAWER_WIDTH_COLLAPSED, DRAWER_WIDTH_EXPANDED, MAIN_CONTENT_ID } from "./appShell/shellSizes.js";
+import { useAppMenu } from "./appShell/appMenuContext.js";
+import { usePageTitle } from "./appShell/pageTitle.js";
+import { initialsOf, menuItemDescriptionOf, menuItemLabelOf, menuItemSectionOf, menuSectionsOf } from "./appShell/menuItemText.js";
+import { activeMenuItemOf, composeMenu, menuBadgeOf, menuBreadcrumbsOf, mobileTabsOf, parentMenuItemOf, screenMenuItemsOf } from "./navigation/appMenu.js";
+import { menuBadgesFrom, useMenuBadges } from "./navigation/useMenuBadges.js";
+import { allowOnlyUnrestricted, createAccessChecker } from "./access/accessRules.js";
+import { default as default18 } from "./access/Can.js";
+import { default as default19 } from "./access/RequireAccess.js";
+import { useAccessChecker, useCan } from "./access/useCan.js";
+import { default as default20 } from "./access/PermissionMatrix.js";
+import { composePermissionGroups, groupStateOf, withPermission, withPermissionGroup } from "./access/permissionGroups.js";
+import { DEFAULT_PASSWORD_POLICY, PASSWORD_RULE, isPasswordAccepted, passwordChecksOf } from "./auth/passwordRules.js";
+import { default as default21 } from "./auth/PasswordChecklist.js";
+import { ERROR_PAGE_KIND, default as default22 } from "./ui/layout/ErrorPage.js";
+import { default as default23 } from "./upload/FileDropzone.js";
+import { FILE_ACCEPT_PRESETS, FILE_REJECTION, matchesAccept, parseFileSize, resolveAccept } from "./upload/fileRules.js";
+import { buildUploadActors, uploadMachine } from "./upload/uploadMachine.js";
+import { uploadWithProgress } from "./upload/uploadWithProgress.js";
+import { APP_BAR_HEIGHT_CSS_VARIABLE, SCROLL_MARGIN_BELOW_APP_BAR, useAppBarHeightPublisher } from "./ui/layout/appBarHeight.js";
+import { default as default24 } from "./ui/layout/CollapsibleSection.js";
+import { default as default25 } from "./ui/layout/ContentDialog.js";
+import { default as default26 } from "./ui/layout/DefinitionList.js";
+import { default as default27 } from "./ui/layout/DetailHeader.js";
+import { default as default28 } from "./ui/layout/FullPageLoader.js";
+import { default as default29 } from "./ui/layout/GlassLensFilter.js";
+import { default as default30 } from "./ui/layout/GlassPanel.js";
+import { default as default31 } from "./ui/layout/PageHeader.js";
+import { default as default32 } from "./ui/layout/PageHeading.js";
+import { default as default33 } from "./ui/layout/ProfileHeader.js";
+import { default as default34, scrollableRow } from "./ui/layout/ScrollableRow.js";
+import { default as default35 } from "./ui/layout/SectionCard.js";
+import { default as default36 } from "./ui/navigation/BackButton.js";
+import { default as default37 } from "./ui/navigation/ColorSchemeToggle.js";
+import { default as default38 } from "./ui/navigation/DocumentTitle.js";
+import { LANGUAGES, default as default39 } from "./ui/navigation/LanguageToggle.js";
+import { default as default40 } from "./ui/navigation/FontSizeToggle.js";
+import { FONT_SIZE_LEVELS } from "./ui/navigation/fontSizeLevels.js";
+import { default as default41 } from "./ui/navigation/PageBreadcrumbs.js";
+import { default as default42 } from "./ui/filters/DateRangeFilter.js";
+import { default as default43 } from "./ui/filters/PeriodRangeSelector.js";
+import { default as default44 } from "./ui/filters/QuickFilters.js";
+import { SEGMENTED_CONTROL_SX, default as default45 } from "./ui/filters/SegmentedControl.js";
+import { default as default46 } from "./ui/labels/DictionaryText.js";
+import { default as default47 } from "./ui/labels/StatusChip.js";
+import { default as default48 } from "./ui/labels/Tag.js";
+import { default as default49 } from "./ui/actions/CopyButton.js";
+import { default as default50 } from "./ui/actions/DownloadMenu.js";
+import { default as default51 } from "./ui/actions/SecretField.js";
+import { default as default52 } from "./ui/metrics/CalendarHeatmap.js";
+import { default as default53, TREND_DIRECTION } from "./ui/metrics/MetricCard.js";
+import { CHART_VIEW, default as default54 } from "./ui/metrics/TableToggle.js";
+import { default as default55 } from "./inputs/CatalogInput.js";
+import { default as default56 } from "./inputs/ColorInput.js";
+import { default as default57 } from "./inputs/FieldFrame.js";
+import { FORM_ROW_CLASS, FormRow, default as default58 } from "./inputs/FormSection.js";
+import { default as default59 } from "./inputs/NumberInput.js";
+import { default as default60 } from "./inputs/SelectInput.js";
+import { default as default61 } from "./inputs/WizardLayout.js";
+import { default as default62 } from "./inputs/TextInput.js";
+import { HEX_COLOR, MIN_CONTRAST, contrastOnWhite, readableVariantOf } from "./inputs/colorContrast.js";
+import { cleanNumberText, completeDecimals, groupThousands } from "./inputs/numberText.js";
+import { translateValidationMessage } from "./forms/validationMessages.js";
+import { dictionaryEntryOf, labelOf, lookup, shortLabelOf } from "./dictionaries/dictionaries.js";
+import { dayOfPlainDate, formatCurrency, formatDate, formatDateTime, formatFileSize, formatList, formatMonthName, formatMonthShortName, formatNumber, formatPercent, formatTime, formatWeekdayShortName, formattersOf } from "./formatting.js";
+import { useFormatters } from "./toolkit/useFormatters.js";
+import { parseInstant, parsePlainDate } from "./dates.js";
+import { fieldErrorsOf, problemMessage, problemTitle } from "./problems.js";
+import { newIdentifier } from "./identifiers.js";
+import { XLSX_CONTENT_TYPE, fileNameFromContentDisposition, isCompleteZip, saveBlob } from "./files.js";
+import { REDIRECT_PARAM, readRedirectParam, safeInternalPath, withRedirect } from "./navigation.js";
+import { recallListUrl, rememberListUrl, useRememberListUrl } from "./lastListUrl.js";
+import { currentHistoryIndex, forgetPageName, pageNameAt, rememberPageName, useNavigationTrail, usePageName } from "./navigationTrail.js";
+import { periodRangeIsValid, rangeEndAfterStartChange, rangeEndOptionsOf } from "./periodRanges.js";
+import { createLogger, setLogLevel } from "./observability/logger.js";
+import { isNewBuildPublished, reportPublishedBuild, useNewBuildPublished } from "./observability/publishedBuild.js";
+import { BUILD_WATCH_ACTION, buildWatchActionOf, publishedBuildIdOf } from "./observability/buildWatch.js";
+import { usePublishedBuildWatch } from "./observability/usePublishedBuildWatch.js";
+import { API_ERROR_STATUS, ApiError } from "./api/ApiError.js";
+import { API_RESPONSE_PARSE, apiUrlOf, createApiClient } from "./api/createApiClient.js";
+import { isStaleChunkError, recoverFromStaleChunk } from "./api/staleChunks.js";
+import { ACCOUNT_EVENT_KIND, default as default63 } from "./security/ActivityLog.js";
+import { default as default64 } from "./security/RecoveryCodesDialog.js";
+import { default as default65 } from "./security/SessionsCard.js";
+import { default as default66 } from "./inbox/InboxLayout.js";
+import { default as default67 } from "./inbox/MessageList.js";
+import { default as default68 } from "./inbox/MessageView.js";
+import { inboxDateOf } from "./inbox/inboxDates.js";
+import { INSTALL_VARIANT, detectPlatform, parseIOSMajor, resolveInstallVariant } from "./pwa/installInstructions.js";
+import { useInstallPrompt } from "./pwa/useInstallPrompt.js";
+import { default as default69, variantHasInstructions } from "./pwa/InstallInstructionsDialog.js";
+import { default as default70 } from "./pwa/InstallPromptBanner.js";
+import { default as default71 } from "./pwa/InstallAppSetting.js";
+export {
+  ACCOUNT_EVENT_KIND,
+  API_ERROR_STATUS,
+  API_RESPONSE_PARSE,
+  APP_BAR_HEIGHT_CSS_VARIABLE,
+  default14 as ActionsMenu,
+  default63 as ActivityLog,
+  ApiError,
+  AppLayout,
+  default17 as AppearanceSettings,
+  AuthLayout,
+  BAR_ACTIONS_PLACEMENT,
+  BAR_CAPSULE_HEIGHT_PIXELS,
+  BUILD_WATCH_ACTION,
+  default36 as BackButton,
+  default12 as BarActionButton,
+  default11 as BarActions,
+  default16 as BarCapsule,
+  default13 as BarSearch,
+  CHART_VIEW,
+  default52 as CalendarHeatmap,
+  default18 as Can,
+  default55 as CatalogInput,
+  default24 as CollapsibleSection,
+  default56 as ColorInput,
+  default37 as ColorSchemeToggle,
+  default2 as ComponentTexts,
+  default5 as ConfirmDialog,
+  default25 as ContentDialog,
+  default49 as CopyButton,
+  DEFAULT_CURRENCY,
+  DEFAULT_FILE_TYPES,
+  DEFAULT_LANGUAGE,
+  DEFAULT_LANGUAGES,
+  DEFAULT_PASSWORD_POLICY,
+  DOWNLOAD_STATUS,
+  DRAWER_WIDTH_COLLAPSED,
+  DRAWER_WIDTH_EXPANDED,
+  default42 as DateRangeFilter,
+  default26 as DefinitionList,
+  default27 as DetailHeader,
+  default46 as DictionaryText,
+  default38 as DocumentTitle,
+  default10 as DownloadManager,
+  default50 as DownloadMenu,
+  ERROR_PAGE_KIND,
+  default22 as ErrorPage,
+  FILE_ACCEPT_PRESETS,
+  FILE_REJECTION,
+  FONT_SIZE_LEVELS,
+  FORM_ROW_CLASS,
+  default57 as FieldFrame,
+  default23 as FileDropzone,
+  default40 as FontSizeToggle,
+  FormRow,
+  default58 as FormSection,
+  default28 as FullPageLoader,
+  GLASS_INSET_PIXELS,
+  GLASS_MENU_RADIUS_PIXELS,
+  GLASS_OPACITY,
+  GLASS_PANEL_RADIUS_PIXELS,
+  default29 as GlassLensFilter,
+  default30 as GlassPanel,
+  HEX_COLOR,
+  INSTALL_VARIANT,
+  default66 as InboxLayout,
+  default71 as InstallAppSetting,
+  default69 as InstallInstructionsDialog,
+  default70 as InstallPromptBanner,
+  LANGUAGES,
+  default39 as LanguageToggle,
+  MAIN_CONTENT_ID,
+  MENU_POSITION,
+  MINIMAL_BACKGROUND,
+  MIN_CONTRAST,
+  default67 as MessageList,
+  default68 as MessageView,
+  default53 as MetricCard,
+  default6 as ModalWaiting,
+  NEW_BUILD_NOTICE_VARIANT,
+  default7 as NewBuildNotice,
+  default59 as NumberInput,
+  PASSWORD_RULE,
+  default41 as PageBreadcrumbs,
+  default31 as PageHeader,
+  default32 as PageHeading,
+  default21 as PasswordChecklist,
+  default43 as PeriodRangeSelector,
+  default20 as PermissionMatrix,
+  default33 as ProfileHeader,
+  default44 as QuickFilters,
+  REDIRECT_PARAM,
+  default64 as RecoveryCodesDialog,
+  default19 as RequireAccess,
+  SCROLL_MARGIN_BELOW_APP_BAR,
+  SEGMENTED_CONTROL_SX,
+  SELECTION_PHONE_LAYOUT,
+  STACKCRAFT,
+  default34 as ScrollableRow,
+  default51 as SecretField,
+  default35 as SectionCard,
+  default45 as SegmentedControl,
+  default60 as SelectInput,
+  default15 as SelectionActions,
+  default65 as SessionsCard,
+  SettingSection,
+  default8 as StaleBuildBoundary,
+  default47 as StatusChip,
+  THEME_LOOK,
+  TOAST_DEFAULT_OPTIONS,
+  TOP_BAR,
+  TREND_DIRECTION,
+  default54 as TableToggle,
+  default48 as Tag,
+  default62 as TextInput,
+  default9 as Toaster,
+  ToolkitProvider,
+  UNKNOWN_FILE_TYPE,
+  default61 as WizardLayout,
+  XLSX_CONTENT_TYPE,
+  accentTextStylesOf,
+  activeMenuItemOf,
+  allowOnlyUnrestricted,
+  ambientBackgroundOf,
+  apiUrlOf,
+  barMenuPlacementOf,
+  browserNavigation,
+  buildUploadActors,
+  buildWatchActionOf,
+  cancelDownload,
+  canvasFieldStylesOf,
+  cleanNumberText,
+  clearFinishedDownloads,
+  completeDecimals,
+  composeMenu,
+  composePermissionGroups,
+  configureToolkit,
+  confirmActionMachine,
+  contrastOnWhite,
+  createAccessChecker,
+  createApiClient,
+  createBrowserNavigation,
+  createHashNavigation,
+  createLogger,
+  createToolkitTheme,
+  currentHistoryIndex,
+  dayOfPlainDate,
+  detectPlatform,
+  dictionaryEntryOf,
+  dismissToast,
+  downloadsMachine,
+  errorsObjectToMessage,
+  fieldErrorsOf,
+  fieldWellStylesOf,
+  fileNameFromContentDisposition,
+  fixedBackgroundLayerOf,
+  forgetPageName,
+  formatCurrency,
+  formatDate,
+  formatDateTime,
+  formatFileSize,
+  formatList,
+  formatMonthName,
+  formatMonthShortName,
+  formatNumber,
+  formatPercent,
+  formatTime,
+  formatWeekdayShortName,
+  formattersOf,
+  glassDropOf,
+  glassStylesOf,
+  glassSurfaceOf,
+  groupStateOf,
+  groupThousands,
+  inboxDateOf,
+  initialsOf,
+  isAndroidDevice,
+  isCompleteZip,
+  isGlassTheme,
+  isNewBuildPublished,
+  isPasswordAccepted,
+  isStaleChunkError,
+  labelOf,
+  lookup,
+  matchesAccept,
+  materialBackgroundOf,
+  materialStylesOf,
+  materialSurfaceOf,
+  menuBadgeOf,
+  menuBadgesFrom,
+  menuBreadcrumbsOf,
+  menuItemDescriptionOf,
+  menuItemLabelOf,
+  menuItemSectionOf,
+  menuSectionsOf,
+  mergeComponents,
+  mobileTabsOf,
+  newIdentifier,
+  pageNameAt,
+  parentMenuItemOf,
+  parseFileSize,
+  parseIOSMajor,
+  parseInstant,
+  parsePlainDate,
+  passwordChecksOf,
+  periodRangeIsValid,
+  problemMessage,
+  problemTitle,
+  publishedBuildIdOf,
+  rangeEndAfterStartChange,
+  rangeEndOptionsOf,
+  readRedirectParam,
+  readableVariantOf,
+  recallListUrl,
+  recoverFromStaleChunk,
+  rememberListUrl,
+  rememberPageName,
+  reportPublishedBuild,
+  resolveAccept,
+  resolveInstallVariant,
+  safeInternalPath,
+  saveBlob,
+  screenMenuItemsOf,
+  scrollEdgeStylesOf,
+  scrollableRow,
+  selectionFloatsOnPhone,
+  setLogLevel,
+  shortLabelOf,
+  stackcraftDarkPalette,
+  stackcraftLightPalette,
+  startDownload,
+  toastDefault,
+  toastError,
+  toastInfo,
+  toastLoading,
+  toastProblem,
+  toastPromise,
+  toastSuccess,
+  toastWarn,
+  toolkitComponents,
+  toolkitSettings,
+  default4 as toolkitTextsEn,
+  default3 as toolkitTextsEs,
+  translateToolkit,
+  translateValidationMessage,
+  uploadMachine,
+  uploadWithProgress,
+  useAccessChecker,
+  useAppBarHeightPublisher,
+  useAppMenu,
+  useBarActionsPlacement,
+  useCan,
+  useCloseBarActionsMenu,
+  useConfirmAction,
+  useFileTypes,
+  useFormatters,
+  useInstallPrompt,
+  useMenuBadges,
+  useNavigationTrail,
+  useNewBuildPublished,
+  usePageName,
+  usePageTitle,
+  usePublishedBuildWatch,
+  useRememberListUrl,
+  useToolkitNavigation,
+  useToolkitSettings,
+  useToolkitTranslation,
+  usesMobileTabBar,
+  variantHasInstructions,
+  withPermission,
+  withPermissionGroup,
+  withRedirect
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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