@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-YCGZSKCV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Lightbox/LightboxStage.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport DialogContent from '@mui/material/DialogContent/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport type { FC, ReactNode } from 'react';\nimport React from 'react';\n\nimport { captionSx, counterSx } from './Lightbox.constants';\nimport type { LightboxItem } from './Lightbox.types';\nimport { onMedia } from '../../../tokens/ink';\n\ntype TestId = (suffix: string) => string;\n\nexport interface LightboxStageProps {\n  items: LightboxItem[];\n  currentItem?: LightboxItem;\n  currentIndex: number;\n  isLoading: boolean;\n  showCaptions: boolean;\n  thumbnails: boolean;\n  testId: TestId;\n  media: ReactNode;\n  thumbnailStrip: ReactNode;\n}\n\n// The viewport itself: the media, whatever floats over it, and the filmstrip.\nexport const LightboxStage: FC<LightboxStageProps> = ({\n  items,\n  currentItem,\n  currentIndex,\n  isLoading,\n  showCaptions,\n  thumbnails,\n  testId,\n  media,\n  thumbnailStrip,\n}) => (\n  <DialogContent\n    sx={{\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      padding: 0,\n      position: 'relative',\n      height: '100vh',\n      overflow: 'hidden',\n    }}\n    data-testid={testId('content')}\n  >\n    {isLoading && (\n      <CircularProgress\n        sx={{ position: 'absolute', color: onMedia, zIndex: 999 }}\n        data-testid={testId('loading')}\n      />\n    )}\n\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: '100%',\n        height: '100%',\n      }}\n      data-testid={testId('image-container')}\n    >\n      {media}\n    </Box>\n\n    {showCaptions && currentItem?.caption && (\n      <Typography\n        id=\"lightbox-description\"\n        sx={{\n          ...captionSx,\n          position: 'absolute',\n          // Sit above the filmstrip when there is one.\n          bottom: thumbnails ? 120 : 16,\n          left: '50%',\n          transform: 'translateX(-50%)',\n          maxWidth: '80vw',\n          padding: 2,\n        }}\n        data-testid={testId('caption')}\n      >\n        {currentItem.caption}\n      </Typography>\n    )}\n\n    {items.length > 1 && (\n      <Typography\n        sx={{ ...counterSx, position: 'absolute', top: 70, right: 16, padding: '4px 8px' }}\n        aria-live=\"polite\"\n        data-testid={testId('counter')}\n      >\n        {currentIndex + 1} / {items.length}\n      </Typography>\n    )}\n\n    {thumbnailStrip}\n  </DialogContent>\n);\n"],"mappings":";;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,sBAAsB;AAC7B,OAAO,mBAAmB;AAC1B,OAAO,gBAAgB;AA+CjB,cAuCA,YAvCA;AAxBC,IAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,IAAI;AAAA,MACF,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,eAAa,OAAO,SAAS;AAAA,IAE5B;AAAA,mBACC;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,EAAE,UAAU,YAAY,OAAO,SAAS,QAAQ,IAAI;AAAA,UACxD,eAAa,OAAO,SAAS;AAAA;AAAA,MAC/B;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,YACF,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,YAChB,OAAO;AAAA,YACP,QAAQ;AAAA,UACV;AAAA,UACA,eAAa,OAAO,iBAAiB;AAAA,UAEpC;AAAA;AAAA,MACH;AAAA,MAEC,gBAAgB,aAAa,WAC5B;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,IAAI;AAAA,YACF,GAAG;AAAA,YACH,UAAU;AAAA;AAAA,YAEV,QAAQ,aAAa,MAAM;AAAA,YAC3B,MAAM;AAAA,YACN,WAAW;AAAA,YACX,UAAU;AAAA,YACV,SAAS;AAAA,UACX;AAAA,UACA,eAAa,OAAO,SAAS;AAAA,UAE5B,sBAAY;AAAA;AAAA,MACf;AAAA,MAGD,MAAM,SAAS,KACd;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,EAAE,GAAG,WAAW,UAAU,YAAY,KAAK,IAAI,OAAO,IAAI,SAAS,UAAU;AAAA,UACjF,aAAU;AAAA,UACV,eAAa,OAAO,SAAS;AAAA,UAE5B;AAAA,2BAAe;AAAA,YAAE;AAAA,YAAI,MAAM;AAAA;AAAA;AAAA,MAC9B;AAAA,MAGD;AAAA;AAAA;AACH;","names":[]}

package/dist/chunk-YSFQHZ74.js

@@ -1,55 +0,0 @@
-import {
-  buildGridColumns,
-  buildRowActionsColumn,
-  isActionsColumn
-} from "./chunk-TNDV33LP.js";
-
-// src/components/data-display/DataViews/data-views-columns.ts
-import { useMemo } from "react";
-function computeHideableColumns(columns) {
-  return columns.filter((col) => col.hideable !== false && typeof col.header === "string" && col.header !== "").map((col) => ({ id: col.id, label: col.header }));
-}
-function appendActionsColumn(columns, opts) {
-  const { rowActions, rowActionsLeading, renderRowMenu, testIdPrefix, getRowId } = opts;
-  if (!rowActions && !renderRowMenu || columns.some(isActionsColumn)) return columns;
-  return [
-    ...columns,
-    buildRowActionsColumn({
-      rowActions: rowActions ?? [],
-      leading: rowActionsLeading,
-      testIdPrefix,
-      getRowId,
-      renderRowMenu
-    })
-  ];
-}
-function useColumnsWithActions(columns, opts) {
-  const { rowActions, rowActionsLeading, renderRowMenu, testIdPrefix, getRowId } = opts;
-  const columnsWithActions = useMemo(
-    () => appendActionsColumn(columns, { rowActions, rowActionsLeading, renderRowMenu, testIdPrefix, getRowId }),
-    [columns, rowActions, rowActionsLeading, renderRowMenu, testIdPrefix, getRowId]
-  );
-  const allColumnIds = useMemo(() => columnsWithActions.map((col) => col.id), [columnsWithActions]);
-  return { columnsWithActions, allColumnIds };
-}
-function applyOrder(columns, order) {
-  if (!order || order.length === 0) return columns;
-  const byId = new Map(columns.map((column) => [column.id, column]));
-  const ordered = order.map((id) => byId.get(id)).filter((c) => Boolean(c));
-  const seen = new Set(ordered.map((column) => column.id));
-  return [...ordered, ...columns.filter((column) => !seen.has(column.id))];
-}
-function useRenderedColumns(columnsWithActions, visibleColumns, onRowClick, order) {
-  const gridColumns = useMemo(
-    () => buildGridColumns(applyOrder(columnsWithActions, order), visibleColumns, onRowClick),
-    [columnsWithActions, onRowClick, visibleColumns, order]
-  );
-  const hideableColumns = useMemo(() => computeHideableColumns(columnsWithActions), [columnsWithActions]);
-  return { gridColumns, hideableColumns };
-}
-
-export {
-  useColumnsWithActions,
-  useRenderedColumns
-};
-//# sourceMappingURL=chunk-YSFQHZ74.js.map

package/dist/chunk-YU72SS43.js

@@ -1,242 +0,0 @@
-import {
-  AppHeaderBrand
-} from "./chunk-H37GIAAM.js";
-import {
-  accentFor
-} from "./chunk-TCAQOUIB.js";
-
-// src/components/navigation/AppHeader/AppHeader.identity.tsx
-import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
-import Box from "@mui/material/Box/index.js";
-import Skeleton from "@mui/material/Skeleton/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var TITLE_PX = { xs: 14, sm: 15, md: 17, lg: 20, xl: 24 };
-var ONE_LINE = {
-  minWidth: 0,
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-};
-var AppHeaderStatus = ({
-  tone,
-  items,
-  separator = "\xB7",
-  className,
-  dataTestId = "app-header-status"
-}) => {
-  const theme = useTheme();
-  const visible = items.filter((item) => item !== null && item !== void 0 && item !== "");
-  if (visible.length === 0) return null;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className,
-      "data-testid": dataTestId,
-      sx: { display: "flex", alignItems: "center", gap: 0.75, ...ONE_LINE },
-      children: [
-        tone && /* @__PURE__ */ jsx(
-          Box,
-          {
-            "aria-hidden": true,
-            "data-testid": `${dataTestId}-dot`,
-            sx: {
-              width: 8,
-              height: 8,
-              flex: "0 0 auto",
-              borderRadius: "50%",
-              backgroundColor: accentFor(theme, tone).main
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", component: "span", sx: ONE_LINE, children: visible.map((item, index) => (
-          // Index keys: the segments are positional presentation, and nothing
-          // here reorders or is keyed on identity elsewhere.
-          /* @__PURE__ */ jsxs(React.Fragment, { children: [
-            index > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-              " ",
-              /* @__PURE__ */ jsx(Box, { component: "span", "aria-hidden": true, children: separator }),
-              " "
-            ] }),
-            item
-          ] }, index)
-        )) })
-      ]
-    }
-  );
-};
-AppHeaderStatus.displayName = "AppHeaderStatus";
-var IdentityTitle = ({ title, size = "md", interactive, disclosed, dataTestId }) => /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 0.25, minWidth: 0, width: "100%" }, children: [
-  /* @__PURE__ */ jsx(
-    Typography,
-    {
-      component: "span",
-      "data-testid": `${dataTestId}-title`,
-      sx: { fontSize: TITLE_PX[size], fontWeight: 700, lineHeight: 1.2, ...ONE_LINE },
-      children: title
-    }
-  ),
-  interactive && /* @__PURE__ */ jsx(
-    KeyboardArrowDown,
-    {
-      "aria-hidden": true,
-      "data-testid": `${dataTestId}-chevron`,
-      sx: {
-        flex: "0 0 auto",
-        fontSize: 20,
-        opacity: 0.7,
-        transition: "transform 150ms ease",
-        transform: disclosed ? "rotate(180deg)" : "none"
-      }
-    }
-  )
-] });
-var discloseSx = {
-  display: "flex",
-  alignItems: "center",
-  gap: 0.25,
-  width: "100%",
-  minWidth: 0,
-  appearance: "none",
-  px: 0.5,
-  mx: -0.5,
-  py: 0.25,
-  my: -0.25,
-  border: "none",
-  borderRadius: 1.5,
-  background: "none",
-  color: "inherit",
-  font: "inherit",
-  textAlign: "left",
-  cursor: "pointer",
-  // Guarded: on a touch screen an unguarded `:hover` sticks after the tap that
-  // opened the panel, so the row stays highlighted behind it.
-  "@media (hover: hover)": { "&:hover": { backgroundColor: "action.hover" } },
-  "&:focus-visible": { outline: "2px solid", outlineColor: "primary.main", outlineOffset: 2 }
-};
-var IdentityText = ({
-  title,
-  subtitle,
-  status,
-  size = "md",
-  onDisclose,
-  disclosed,
-  discloseLabel,
-  className,
-  dataTestId
-}) => {
-  const name = /* @__PURE__ */ jsx(
-    IdentityTitle,
-    {
-      title,
-      size,
-      interactive: Boolean(onDisclose),
-      disclosed,
-      dataTestId
-    }
-  );
-  return /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 0, flex: 1, display: "flex", flexDirection: "column", gap: 0.25 }, children: [
-    onDisclose ? /* @__PURE__ */ jsx(
-      Box,
-      {
-        component: "button",
-        type: "button",
-        className,
-        "data-testid": dataTestId,
-        onClick: onDisclose,
-        "aria-haspopup": "dialog",
-        "aria-expanded": disclosed,
-        "aria-label": discloseLabel ?? `Detalhes de ${title}`,
-        sx: discloseSx,
-        children: name
-      }
-    ) : name,
-    subtitle && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", component: "span", sx: ONE_LINE, children: subtitle }),
-    status
-  ] });
-};
-var IdentitySkeleton = ({
-  size,
-  dataTestId
-}) => /* @__PURE__ */ jsxs(
-  Box,
-  {
-    "data-testid": `${dataTestId}-loading`,
-    sx: { display: "flex", alignItems: "center", gap: 1.25, minWidth: 0 },
-    children: [
-      /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", width: 40, height: 40, sx: { flex: "0 0 auto" } }),
-      /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 0, flex: 1 }, children: [
-        /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 140, height: TITLE_PX[size] * 1.4 }),
-        /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 180, height: 16 })
-      ] })
-    ]
-  }
-);
-var rowSx = {
-  display: "flex",
-  alignItems: "center",
-  gap: 1.25,
-  width: "100%",
-  minWidth: 0,
-  textAlign: "left"
-};
-var AppHeaderIdentity = ({
-  title,
-  subtitle,
-  status,
-  mark,
-  logoUrl,
-  seedColor,
-  onDisclose,
-  disclosed = false,
-  discloseLabel,
-  loading = false,
-  size = "md",
-  className,
-  dataTestId = "app-header-identity"
-}) => {
-  if (loading) return /* @__PURE__ */ jsx(IdentitySkeleton, { size, dataTestId });
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className: onDisclose ? void 0 : className,
-      "data-testid": onDisclose ? void 0 : dataTestId,
-      sx: rowSx,
-      children: [
-        mark ?? /* @__PURE__ */ jsx(
-          AppHeaderBrand,
-          {
-            name: title,
-            logoUrl,
-            seedColor,
-            size,
-            dataTestId: `${dataTestId}-brand`
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          IdentityText,
-          {
-            title,
-            subtitle,
-            status,
-            size,
-            onDisclose,
-            disclosed,
-            discloseLabel,
-            className,
-            dataTestId
-          }
-        )
-      ]
-    }
-  );
-};
-AppHeaderIdentity.displayName = "AppHeaderIdentity";
-
-export {
-  AppHeaderStatus,
-  AppHeaderIdentity
-};
-//# sourceMappingURL=chunk-YU72SS43.js.map

package/dist/chunk-YU72SS43.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/navigation/AppHeader/AppHeader.identity.tsx"],"sourcesContent":["'use client';\n\nimport KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown';\nimport Box from '@mui/material/Box/index.js';\nimport Skeleton from '@mui/material/Skeleton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { accentFor, type SizeValue } from '../../../tokens/scales';\n\nimport { AppHeaderBrand } from './AppHeader.brand';\nimport type { AppHeaderIdentityProps, AppHeaderStatusProps } from './AppHeader.types';\n\n/** Title type scale, per house size step. */\nconst TITLE_PX: Record<SizeValue, number> = { xs: 14, sm: 15, md: 17, lg: 20, xl: 24 };\n\n/** One line, ellipsised — a long store name must not push the actions off-screen. */\nconst ONE_LINE = {\n  minWidth: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n} as const;\n\n/**\n * The dotted state line: \"● Aberto agora · Retirada no balcão\".\n *\n * Segments are joined here rather than by the caller because the separator is a\n * presentational choice — a caller that pre-joins its own string can never be\n * restyled, and each segment loses the chance to carry its own markup.\n */\nexport const AppHeaderStatus: React.FC<AppHeaderStatusProps> = ({\n  tone,\n  items,\n  separator = '·',\n  className,\n  dataTestId = 'app-header-status',\n}) => {\n  const theme = useTheme();\n  const visible = items.filter((item) => item !== null && item !== undefined && item !== '');\n  if (visible.length === 0) return null;\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{ display: 'flex', alignItems: 'center', gap: 0.75, ...ONE_LINE }}\n    >\n      {tone && (\n        <Box\n          aria-hidden\n          data-testid={`${dataTestId}-dot`}\n          sx={{\n            width: 8,\n            height: 8,\n            flex: '0 0 auto',\n            borderRadius: '50%',\n            backgroundColor: accentFor(theme, tone).main,\n          }}\n        />\n      )}\n      <Typography variant=\"body2\" color=\"text.secondary\" component=\"span\" sx={ONE_LINE}>\n        {visible.map((item, index) => (\n          // Index keys: the segments are positional presentation, and nothing\n          // here reorders or is keyed on identity elsewhere.\n          <React.Fragment key={index}>\n            {index > 0 && (\n              <>\n                {/* Real spaces, not margin. A screen reader reads `textContent`,\n                    and a CSS-only gap runs \"Aberto agora\" straight into\n                    \"Retirada no balcão\" as one word. The glyph itself is\n                    hidden — it is punctuation, not something to announce. */}\n                {' '}\n                <Box component=\"span\" aria-hidden>\n                  {separator}\n                </Box>{' '}\n              </>\n            )}\n            {item}\n          </React.Fragment>\n        ))}\n      </Typography>\n    </Box>\n  );\n};\n\nAppHeaderStatus.displayName = 'AppHeaderStatus';\n\n/** The name and, when the block opens onto something, the chevron beside it. */\nconst IdentityTitle: React.FC<\n  Pick<AppHeaderIdentityProps, 'title' | 'size'> & {\n    interactive: boolean;\n    disclosed: boolean;\n    dataTestId: string;\n  }\n> = ({ title, size = 'md', interactive, disclosed, dataTestId }) => (\n  <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.25, minWidth: 0, width: '100%' }}>\n    <Typography\n      component=\"span\"\n      data-testid={`${dataTestId}-title`}\n      sx={{ fontSize: TITLE_PX[size], fontWeight: 700, lineHeight: 1.2, ...ONE_LINE }}\n    >\n      {title}\n    </Typography>\n    {interactive && (\n      <KeyboardArrowDown\n        aria-hidden\n        data-testid={`${dataTestId}-chevron`}\n        sx={{\n          flex: '0 0 auto',\n          fontSize: 20,\n          opacity: 0.7,\n          transition: 'transform 150ms ease',\n          transform: disclosed ? 'rotate(180deg)' : 'none',\n        }}\n      />\n    )}\n  </Box>\n);\n\n/**\n * The disclosure, wrapping the NAME ROW and nothing else (12-63).\n *\n * The padding is cancelled by an equal negative margin, so the hover and the\n * focus ring bleed outward while the title still starts on the same pixel as\n * the lines under it. A padded button with no offset moves one of the two.\n */\nconst discloseSx = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 0.25,\n  width: '100%',\n  minWidth: 0,\n  appearance: 'none',\n  px: 0.5,\n  mx: -0.5,\n  py: 0.25,\n  my: -0.25,\n  border: 'none',\n  borderRadius: 1.5,\n  background: 'none',\n  color: 'inherit',\n  font: 'inherit',\n  textAlign: 'left',\n  cursor: 'pointer',\n  // Guarded: on a touch screen an unguarded `:hover` sticks after the tap that\n  // opened the panel, so the row stays highlighted behind it.\n  '@media (hover: hover)': { '&:hover': { backgroundColor: 'action.hover' } },\n  '&:focus-visible': { outline: '2px solid', outlineColor: 'primary.main', outlineOffset: 2 },\n} as const;\n\n/**\n * The text column: the name row, then the quieter lines under it.\n *\n * ## `subtitle` and `status` are OUTSIDE the disclosure, on purpose (12-63)\n *\n * Both are `ReactNode`, and `AppHeaderStatus.items` is a `ReactNode[]` — so a\n * segment of the state line is free to be a control, and consumers put controls\n * there: a mesa chip, a service-mode picker. While the whole block was one\n * `<button>` those were `<button>`s inside a `<button>`, which is invalid HTML\n * (the content model of `button` excludes interactive content) and, more\n * visibly, means one tap fires two handlers. An adopting storefront opened two\n * popups on every tap of either control because of it, and had already\n * hand-rolled this component at one tier to dodge the nesting — a consumer\n * working around the component is the report.\n *\n * The target stays large. The button is the full-width NAME ROW, which is the\n * thing a reader aims at — what it gives up is the mark beside it, and a mark\n * that opens the panel is not worth a state line that cannot hold a control.\n */\nconst IdentityText: React.FC<\n  Pick<\n    AppHeaderIdentityProps,\n    'title' | 'subtitle' | 'status' | 'size' | 'discloseLabel' | 'className'\n  > & {\n    onDisclose: (() => void) | undefined;\n    disclosed: boolean;\n    dataTestId: string;\n  }\n> = ({\n  title,\n  subtitle,\n  status,\n  size = 'md',\n  onDisclose,\n  disclosed,\n  discloseLabel,\n  className,\n  dataTestId,\n}) => {\n  const name = (\n    <IdentityTitle\n      title={title}\n      size={size}\n      interactive={Boolean(onDisclose)}\n      disclosed={disclosed}\n      dataTestId={dataTestId}\n    />\n  );\n  return (\n    <Box sx={{ minWidth: 0, flex: 1, display: 'flex', flexDirection: 'column', gap: 0.25 }}>\n      {onDisclose ? (\n        <Box\n          component=\"button\"\n          type=\"button\"\n          className={className}\n          data-testid={dataTestId}\n          onClick={onDisclose}\n          aria-haspopup=\"dialog\"\n          aria-expanded={disclosed}\n          aria-label={discloseLabel ?? `Detalhes de ${title}`}\n          sx={discloseSx}\n        >\n          {name}\n        </Box>\n      ) : (\n        name\n      )}\n      {subtitle && (\n        <Typography variant=\"body2\" color=\"text.secondary\" component=\"span\" sx={ONE_LINE}>\n          {subtitle}\n        </Typography>\n      )}\n      {status}\n    </Box>\n  );\n};\n\n/** The placeholder held while the identity is still resolving. */\nconst IdentitySkeleton: React.FC<{ size: SizeValue; dataTestId: string }> = ({\n  size,\n  dataTestId,\n}) => (\n  <Box\n    data-testid={`${dataTestId}-loading`}\n    sx={{ display: 'flex', alignItems: 'center', gap: 1.25, minWidth: 0 }}\n  >\n    <Skeleton variant=\"rounded\" width={40} height={40} sx={{ flex: '0 0 auto' }} />\n    <Box sx={{ minWidth: 0, flex: 1 }}>\n      <Skeleton variant=\"text\" width={140} height={TITLE_PX[size] * 1.4} />\n      <Skeleton variant=\"text\" width={180} height={16} />\n    </Box>\n  </Box>\n);\n\n/**\n * The BLOCK's row: the mark, then the text column beside it.\n *\n * Always a `Box` div now — since 12-63 the disclosure is the name row inside\n * the text column ({@link discloseSx}), not this element. `width: '100%'` and\n * `minWidth: 0` stay because the column below still has to ellipsise against\n * something; the argument about a `<button>` sizing to max-content moved to\n * `discloseSx`, which is where the button now is.\n */\nconst rowSx = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1.25,\n  width: '100%',\n  minWidth: 0,\n  textAlign: 'left',\n} as const;\n\n/**\n * Mark + title + state line, and — when it can be opened — a name row that is\n * the button.\n *\n * The disclosure used to wrap EVERYTHING, on the argument that the chevron\n * alone is a 20px target next to a 40px mark that does nothing. The target is\n * still not the chevron: the button is the full-width NAME ROW, which is what a\n * reader aims at. What it no longer swallows is the mark beside it and the\n * quieter lines below — because those lines take `ReactNode`s, consumers put\n * CONTROLS in them, and a control inside a button is invalid HTML whose every\n * tap fires two handlers. See {@link IdentityText} (12-63).\n *\n * `className` and `dataTestId` stay on the same elements they always named: the\n * block when it is static, the disclosure when there is one.\n */\nexport const AppHeaderIdentity: React.FC<AppHeaderIdentityProps> = ({\n  title,\n  subtitle,\n  status,\n  mark,\n  logoUrl,\n  seedColor,\n  onDisclose,\n  disclosed = false,\n  discloseLabel,\n  loading = false,\n  size = 'md',\n  className,\n  dataTestId = 'app-header-identity',\n}) => {\n  if (loading) return <IdentitySkeleton size={size} dataTestId={dataTestId} />;\n\n  return (\n    <Box\n      className={onDisclose ? undefined : className}\n      data-testid={onDisclose ? undefined : dataTestId}\n      sx={rowSx}\n    >\n      {mark ?? (\n        <AppHeaderBrand\n          name={title}\n          logoUrl={logoUrl}\n          seedColor={seedColor}\n          size={size}\n          dataTestId={`${dataTestId}-brand`}\n        />\n      )}\n      <IdentityText\n        title={title}\n        subtitle={subtitle}\n        status={status}\n        size={size}\n        onDisclose={onDisclose}\n        disclosed={disclosed}\n        discloseLabel={discloseLabel}\n        className={className}\n        dataTestId={dataTestId}\n      />\n    </Box>\n  );\n};\n\nAppHeaderIdentity.displayName = 'AppHeaderIdentity';\n"],"mappings":"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","names":[]}

package/dist/chunk-YVDBOVHP.js

@@ -1,64 +0,0 @@
-import {
-  useAutoplay,
-  useLightboxKeyboard,
-  useNavigation,
-  usePreloader,
-  useSwipe,
-  useWheelZoom,
-  useZoomState
-} from "./chunk-PC2MVKYW.js";
-
-// src/components/data-display/Lightbox/useLightbox.ts
-import { useCallback, useImperativeHandle, useState } from "react";
-var useLightbox = ({ isOpen, onClose, items, startIndex, showControls, loop, autoplay, zoomable }, ref) => {
-  const [isLoading, setIsLoading] = useState(false);
-  const preloadImage = usePreloader();
-  const zoom = useZoomState();
-  const { currentIndex, goToIndex, next, prev } = useNavigation({
-    items,
-    loop,
-    startIndex,
-    resetZoom: zoom.resetZoom,
-    preloadImage
-  });
-  const currentItem = items[currentIndex];
-  const canZoom = Boolean(zoomable && currentItem && currentItem.type !== "video");
-  const handleWheel = useWheelZoom({ enabled: canZoom, setZoomLevel: zoom.setZoomLevel });
-  const { isAutoPlaying, setIsAutoPlaying, stopAutoplay } = useAutoplay({
-    isOpen,
-    autoplay,
-    itemCount: items.length,
-    currentIndex,
-    next
-  });
-  const close = useCallback(() => {
-    stopAutoplay();
-    onClose();
-  }, [stopAutoplay, onClose]);
-  const open = useCallback((index = 0) => goToIndex(index), [goToIndex]);
-  useImperativeHandle(ref, () => ({ open, close, next, prev, goTo: goToIndex }));
-  useLightboxKeyboard({ isOpen, showControls, autoplay, close, prev, next, setIsAutoPlaying });
-  const { handleTouchStart, handleTouchEnd } = useSwipe({ prev, next, close });
-  return {
-    currentIndex,
-    currentItem,
-    canZoom,
-    isLoading,
-    setIsLoading,
-    isAutoPlaying,
-    setIsAutoPlaying,
-    zoom,
-    handleWheel,
-    goToIndex,
-    next,
-    prev,
-    close,
-    handleTouchStart,
-    handleTouchEnd
-  };
-};
-
-export {
-  useLightbox
-};
-//# sourceMappingURL=chunk-YVDBOVHP.js.map