@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-WTJ2643W.js

@@ -0,0 +1,131 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  Dialog,
+  DialogContent
+} from "./chunk-ZZVL523U.js";
+import {
+  createConfirmButton
+} from "./chunk-T4DCMN5W.js";
+import {
+  Box
+} from "./chunk-34DQAXL2.js";
+import {
+  Stack
+} from "./chunk-Q3FAWSH4.js";
+import {
+  Button
+} from "./chunk-GD7HXHOT.js";
+import {
+  Text
+} from "./chunk-R52HJAYO.js";
+
+// src/components/data-display/DataViews/ManageViewsDialog.tsx
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function tags(view) {
+  const copy = useDataViewsCopy();
+  const list = [];
+  if (view.isDefault) list.push(copy.manageViews.defaultTag);
+  if (view.pinned) list.push("Fixada");
+  if (view.shared) list.push("Compartilhada");
+  if (!view.isOwner) list.push(copy.manageViews.otherUserTag);
+  return list;
+}
+function ManageViewRow({
+  view,
+  onEdit,
+  onDelete,
+  testIdPrefix,
+  confirmCopy
+}) {
+  const ConfirmButton = useMemo(
+    () => createConfirmButton(confirmCopy, confirmCopy.defaultError),
+    [confirmCopy]
+  );
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      direction: "row",
+      spacing: 1,
+      sx: { alignItems: "center", justifyContent: "space-between" },
+      "data-testid": `${testIdPrefix}-manage-row-${view.id}`,
+      children: [
+        /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 0 }, children: [
+          /* @__PURE__ */ jsx(Text, { variant: "body", size: "sm", as: "span", weight: "semibold", children: view.name }),
+          view.description && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", color: "secondary", children: view.description }),
+          tags(view).length > 0 && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", color: "secondary", children: tags(view).join(" \xB7 ") })
+        ] }),
+        view.isOwner && /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, sx: { flex: "0 0 auto" }, children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "text",
+              size: "sm",
+              onClick: () => onEdit(view),
+              dataTestId: `${testIdPrefix}-manage-edit-${view.id}`,
+              children: copy.manageViews.edit
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ConfirmButton,
+            {
+              variant: "text",
+              size: "sm",
+              color: "danger",
+              onClick: () => onDelete(view),
+              confirm: {
+                title: copy.manageViews.deleteTitle,
+                entityName: view.name,
+                description: copy.manageViews.deleteBody,
+                confirmText: copy.manageViews.deleteConfirm
+              },
+              dataTestId: `${testIdPrefix}-manage-delete-${view.id}`,
+              children: copy.manageViews.deleteConfirm
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function ManageViewsDialog({
+  open,
+  onClose,
+  views,
+  onEdit,
+  onDelete,
+  testIdPrefix = "views",
+  confirmCopy
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onClose,
+      title: copy.manageViews.title,
+      size: "md",
+      showCloseButton: true,
+      dataTestId: `${testIdPrefix}-manage-dialog`,
+      children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(Stack, { spacing: 1.5, "data-testid": `${testIdPrefix}-manage-list`, children: views.length === 0 ? /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", children: copy.manageViews.empty }) : views.map((view) => /* @__PURE__ */ jsx(
+        ManageViewRow,
+        {
+          confirmCopy,
+          view,
+          onEdit,
+          onDelete,
+          testIdPrefix
+        },
+        view.id
+      )) }) })
+    }
+  );
+}
+
+export {
+  ManageViewsDialog
+};
+//# sourceMappingURL=chunk-WTJ2643W.js.map

package/dist/chunk-WTJ2643W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/ManageViewsDialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\n\nimport type { ConfirmActionCopy } from \"../../../copy\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { createConfirmButton } from \"../../feedback/ConfirmAction\";\nimport { Dialog, DialogContent } from \"../../feedback/Dialog\";\nimport { Button } from \"../../form/Button\";\nimport { Box } from \"../../../mui/Box\";\nimport { Stack } from \"../../../mui/Stack\";\nimport { Text } from \"../../typography/Text\";\n\nimport type { SavedViewSummary } from \"./data-views-types\";\n\ninterface ManageViewsDialogProps {\n  /** The confirm dialog's words. REQUIRED — this package ships no default copy. */\n  confirmCopy: ConfirmActionCopy;\n  open: boolean;\n  onClose: () => void;\n  views: SavedViewSummary[];\n  onEdit: (view: SavedViewSummary) => void;\n  onDelete: (view: SavedViewSummary) => void;\n  testIdPrefix?: string;\n}\n\nfunction tags(view: SavedViewSummary): string[] {\n  const copy = useDataViewsCopy();\n  const list: string[] = [];\n  if (view.isDefault) list.push(copy.manageViews.defaultTag);\n  if (view.pinned) list.push(\"Fixada\");\n  if (view.shared) list.push(\"Compartilhada\");\n  if (!view.isOwner) list.push(copy.manageViews.otherUserTag);\n  return list;\n}\n\n/**\n * \"Gerenciar visões\" dialog (FUT-89): lists every view the user can see with its\n * flags, and owner-only edit/delete. Non-owned shared views are listed read-only.\n */\n/** One saved view: its name/description/tags, and the owner-only actions. */\nfunction ManageViewRow({\n  view,\n  onEdit,\n  onDelete,\n  testIdPrefix,\n  confirmCopy,\n}: {\n  view: SavedViewSummary;\n  onEdit: (view: SavedViewSummary) => void;\n  onDelete: (view: SavedViewSummary) => void;\n  testIdPrefix: string;\n  confirmCopy: ConfirmActionCopy;\n}): React.JSX.Element {\n  const ConfirmButton = useMemo(\n    () => createConfirmButton(confirmCopy, confirmCopy.defaultError),\n    [confirmCopy],\n  );\n  const copy = useDataViewsCopy();\n  return (\n    <Stack\n      direction=\"row\"\n      spacing={1}\n      sx={{ alignItems: \"center\", justifyContent: \"space-between\" }}\n      data-testid={`${testIdPrefix}-manage-row-${view.id}`}\n    >\n      <Box sx={{ minWidth: 0 }}>\n        <Text variant=\"body\" size=\"sm\" as=\"span\" weight=\"semibold\">\n          {view.name}\n        </Text>\n        {view.description && (\n          <Text variant=\"caption\" as=\"p\" color=\"secondary\">\n            {view.description}\n          </Text>\n        )}\n        {tags(view).length > 0 && (\n          <Text variant=\"caption\" as=\"p\" color=\"secondary\">\n            {tags(view).join(\" · \")}\n          </Text>\n        )}\n      </Box>\n      {view.isOwner && (\n        <Stack direction=\"row\" spacing={1} sx={{ flex: \"0 0 auto\" }}>\n          <Button\n            variant=\"text\"\n            size=\"sm\"\n            onClick={() => onEdit(view)}\n            dataTestId={`${testIdPrefix}-manage-edit-${view.id}`}\n          >\n            {copy.manageViews.edit}\n          </Button>\n          {/* Confirm-gated (FUT-546): a saved view is a filter set somebody\n              built by hand, and there is no undo behind this. */}\n          <ConfirmButton\n            variant=\"text\"\n            size=\"sm\"\n            color=\"danger\"\n            onClick={() => onDelete(view)}\n            confirm={{\n              title: copy.manageViews.deleteTitle,\n              entityName: view.name,\n              description:\n                copy.manageViews.deleteBody,\n              confirmText: copy.manageViews.deleteConfirm,\n            }}\n            dataTestId={`${testIdPrefix}-manage-delete-${view.id}`}\n          >\n            {copy.manageViews.deleteConfirm}\n          </ConfirmButton>\n        </Stack>\n      )}\n    </Stack>\n  );\n}\n\nexport function ManageViewsDialog({\n  open,\n  onClose,\n  views,\n  onEdit,\n  onDelete,\n  testIdPrefix = \"views\",\n  confirmCopy,\n}: ManageViewsDialogProps): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Dialog\n      open={open}\n      onClose={onClose}\n      title={copy.manageViews.title}\n      size=\"md\"\n      showCloseButton\n      dataTestId={`${testIdPrefix}-manage-dialog`}\n    >\n      <DialogContent>\n        <Stack spacing={1.5} data-testid={`${testIdPrefix}-manage-list`}>\n          {views.length === 0 ? (\n            <Text variant=\"body\" as=\"p\">\n              {copy.manageViews.empty}\n            </Text>\n          ) : (\n            views.map((view) => (\n              <ManageViewRow confirmCopy={confirmCopy}\n                key={view.id}\n                view={view}\n                onEdit={onEdit}\n                onDelete={onDelete}\n                testIdPrefix={testIdPrefix}\n              />\n            ))\n          )}\n        </Stack>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,eAAe;AAgElB,SACE,KADF;AAxCN,SAAS,KAAK,MAAkC;AAC9C,QAAM,OAAO,iBAAiB;AAC9B,QAAM,OAAiB,CAAC;AACxB,MAAI,KAAK,UAAW,MAAK,KAAK,KAAK,YAAY,UAAU;AACzD,MAAI,KAAK,OAAQ,MAAK,KAAK,QAAQ;AACnC,MAAI,KAAK,OAAQ,MAAK,KAAK,eAAe;AAC1C,MAAI,CAAC,KAAK,QAAS,MAAK,KAAK,KAAK,YAAY,YAAY;AAC1D,SAAO;AACT;AAOA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMsB;AACpB,QAAM,gBAAgB;AAAA,IACpB,MAAM,oBAAoB,aAAa,YAAY,YAAY;AAAA,IAC/D,CAAC,WAAW;AAAA,EACd;AACA,QAAM,OAAO,iBAAiB;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS;AAAA,MACT,IAAI,EAAE,YAAY,UAAU,gBAAgB,gBAAgB;AAAA,MAC5D,eAAa,GAAG,YAAY,eAAe,KAAK,EAAE;AAAA,MAElD;AAAA,6BAAC,OAAI,IAAI,EAAE,UAAU,EAAE,GACrB;AAAA,8BAAC,QAAK,SAAQ,QAAO,MAAK,MAAK,IAAG,QAAO,QAAO,YAC7C,eAAK,MACR;AAAA,UACC,KAAK,eACJ,oBAAC,QAAK,SAAQ,WAAU,IAAG,KAAI,OAAM,aAClC,eAAK,aACR;AAAA,UAED,KAAK,IAAI,EAAE,SAAS,KACnB,oBAAC,QAAK,SAAQ,WAAU,IAAG,KAAI,OAAM,aAClC,eAAK,IAAI,EAAE,KAAK,QAAK,GACxB;AAAA,WAEJ;AAAA,QACC,KAAK,WACJ,qBAAC,SAAM,WAAU,OAAM,SAAS,GAAG,IAAI,EAAE,MAAM,WAAW,GACxD;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,SAAS,MAAM,OAAO,IAAI;AAAA,cAC1B,YAAY,GAAG,YAAY,gBAAgB,KAAK,EAAE;AAAA,cAEjD,eAAK,YAAY;AAAA;AAAA,UACpB;AAAA,UAGA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAAS,MAAM,SAAS,IAAI;AAAA,cAC5B,SAAS;AAAA,gBACP,OAAO,KAAK,YAAY;AAAA,gBACxB,YAAY,KAAK;AAAA,gBACjB,aACE,KAAK,YAAY;AAAA,gBACnB,aAAa,KAAK,YAAY;AAAA,cAChC;AAAA,cACA,YAAY,GAAG,YAAY,kBAAkB,KAAK,EAAE;AAAA,cAEnD,eAAK,YAAY;AAAA;AAAA,UACpB;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AACF,GAA8C;AAC5C,QAAM,OAAO,iBAAiB;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OAAO,KAAK,YAAY;AAAA,MACxB,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,YAAY,GAAG,YAAY;AAAA,MAE3B,8BAAC,iBACC,8BAAC,SAAM,SAAS,KAAK,eAAa,GAAG,YAAY,gBAC9C,gBAAM,WAAW,IAChB,oBAAC,QAAK,SAAQ,QAAO,IAAG,KACrB,eAAK,YAAY,OACpB,IAEA,MAAM,IAAI,CAAC,SACT;AAAA,QAAC;AAAA;AAAA,UAAc;AAAA,UAEb;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,QAJK,KAAK;AAAA,MAKZ,CACD,GAEL,GACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-WTOTWP6A.js

@@ -0,0 +1,27 @@
+// src/components/data-display/DataViews/data-views-selection.ts
+import { useMemo, useState } from "react";
+function useSelection(matched, getRowId) {
+  const [selectedIds, setSelectedIds] = useState(/* @__PURE__ */ new Set());
+  const selectedRows = useMemo(
+    () => matched.filter((row) => selectedIds.has(getRowId(row))),
+    [matched, selectedIds, getRowId]
+  );
+  return {
+    selectedIds,
+    setSelectedIds,
+    toggleId: (id) => setSelectedIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    }),
+    selectedRows,
+    clearSelection: () => setSelectedIds(/* @__PURE__ */ new Set()),
+    selectAll: () => setSelectedIds(new Set(matched.map((row) => getRowId(row))))
+  };
+}
+
+export {
+  useSelection
+};
+//# sourceMappingURL=chunk-WTOTWP6A.js.map

package/dist/chunk-WTOTWP6A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-selection.ts"],"sourcesContent":["\"use client\";\n\nimport { useMemo, useState } from \"react\";\n\n/** The multi-select model, identical in every layout (table, cards, board). */\ninterface DataViewsSelection<T> {\n  selectedIds: Set<string | number>;\n  setSelectedIds: (ids: Set<string | number>) => void;\n  /** Add/remove ONE id — what a card's or board card's checkbox calls. */\n  toggleId: (id: string | number) => void;\n  /** The selected rows, narrowed to what is currently rendered. */\n  selectedRows: T[];\n  clearSelection: () => void;\n  selectAll: () => void;\n}\n\n/**\n * Owns the DataViews selection. ONE set of ids across every layout, so switching\n * from the board to the table (or to the cards) keeps exactly the same rows\n * selected and offers exactly the same bulk actions.\n *\n * Extracted from {@link useDataViewsState} for that hook's size budget, and\n * because `toggleId` needs a functional update: two cards toggled in the same\n * tick would otherwise both read the pre-render set and the second would drop\n * the first's change.\n */\nexport function useSelection<T>(\n  matched: T[],\n  getRowId: (row: T) => string | number,\n): DataViewsSelection<T> {\n  const [selectedIds, setSelectedIds] = useState<Set<string | number>>(new Set());\n  const selectedRows = useMemo(\n    () => matched.filter((row) => selectedIds.has(getRowId(row))),\n    [matched, selectedIds, getRowId],\n  );\n  return {\n    selectedIds,\n    setSelectedIds,\n    toggleId: (id) =>\n      setSelectedIds((prev) => {\n        const next = new Set(prev);\n        if (next.has(id)) next.delete(id);\n        else next.add(id);\n        return next;\n      }),\n    selectedRows,\n    clearSelection: () => setSelectedIds(new Set()),\n    selectAll: () => setSelectedIds(new Set(matched.map((row) => getRowId(row)))),\n  };\n}\n"],"mappings":";AAEA,SAAS,SAAS,gBAAgB;AAwB3B,SAAS,aACd,SACA,UACuB;AACvB,QAAM,CAAC,aAAa,cAAc,IAAI,SAA+B,oBAAI,IAAI,CAAC;AAC9E,QAAM,eAAe;AAAA,IACnB,MAAM,QAAQ,OAAO,CAAC,QAAQ,YAAY,IAAI,SAAS,GAAG,CAAC,CAAC;AAAA,IAC5D,CAAC,SAAS,aAAa,QAAQ;AAAA,EACjC;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,UAAU,CAAC,OACT,eAAe,CAAC,SAAS;AACvB,YAAM,OAAO,IAAI,IAAI,IAAI;AACzB,UAAI,KAAK,IAAI,EAAE,EAAG,MAAK,OAAO,EAAE;AAAA,UAC3B,MAAK,IAAI,EAAE;AAChB,aAAO;AAAA,IACT,CAAC;AAAA,IACH;AAAA,IACA,gBAAgB,MAAM,eAAe,oBAAI,IAAI,CAAC;AAAA,IAC9C,WAAW,MAAM,eAAe,IAAI,IAAI,QAAQ,IAAI,CAAC,QAAQ,SAAS,GAAG,CAAC,CAAC,CAAC;AAAA,EAC9E;AACF;","names":[]}

package/dist/chunk-WTR74VUV.js

@@ -0,0 +1,88 @@
+import {
+  SheetContent,
+  SheetFooter,
+  SheetHeader
+} from "./chunk-EYQA66UV.js";
+import {
+  muiColor
+} from "./chunk-OZCEKQIX.js";
+
+// src/components/data-display/Sheet/Sheet.body.tsx
+import { Box, CircularProgress } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var needsHeader = (props) => Boolean(
+  props.showHandle || props.title || props.description || props.showCloseButton || props.header
+);
+var SheetLoading = ({ color }) => /* @__PURE__ */ jsx(
+  Box,
+  {
+    sx: {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      minHeight: 200
+    },
+    children: /* @__PURE__ */ jsx(CircularProgress, { color: color === void 0 ? void 0 : muiColor(color, "inherit") })
+  }
+);
+var SheetBody = (props) => {
+  const {
+    title,
+    description,
+    showCloseButton,
+    showHandle,
+    header,
+    footer,
+    loading,
+    color,
+    children,
+    onClick,
+    onFocus,
+    onBlur,
+    testId,
+    isDragging,
+    isVerticalSheet,
+    isDraggableVariant,
+    onClose,
+    onDragStart
+  } = props;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      onClick,
+      onFocus,
+      onBlur,
+      "data-testid": testId,
+      sx: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        position: "relative",
+        userSelect: isDragging ? "none" : "auto"
+      },
+      children: [
+        needsHeader(props) && /* @__PURE__ */ jsx(
+          SheetHeader,
+          {
+            title,
+            description,
+            showCloseButton,
+            onClose,
+            showHandle: showHandle && isVerticalSheet,
+            isDraggable: isDraggableVariant && isVerticalSheet,
+            onDragStart,
+            dataTestId: `${testId}-header`,
+            children: header
+          }
+        ),
+        /* @__PURE__ */ jsx(SheetContent, { padded: true, dataTestId: `${testId}-content`, children: loading ? /* @__PURE__ */ jsx(SheetLoading, { color }) : children }),
+        footer && /* @__PURE__ */ jsx(SheetFooter, { sticky: true, divider: true, dataTestId: `${testId}-footer`, children: footer })
+      ]
+    }
+  );
+};
+
+export {
+  SheetBody
+};
+//# sourceMappingURL=chunk-WTR74VUV.js.map

package/dist/chunk-WTR74VUV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.body.tsx"],"sourcesContent":["import { Box, CircularProgress } from '@mui/material';\nimport React from 'react';\n\nimport { SheetContent, SheetFooter, SheetHeader } from './Sheet.parts';\nimport type { SheetProps } from './Sheet.types';\nimport { muiColor } from '../../../tokens/scales';\n\nexport interface SheetBodyProps extends Pick<\n  SheetProps,\n  | 'title'\n  | 'description'\n  | 'showCloseButton'\n  | 'showHandle'\n  | 'header'\n  | 'footer'\n  | 'loading'\n  | 'color'\n  | 'children'\n  | 'onClick'\n  | 'onFocus'\n  | 'onBlur'\n> {\n  testId: string;\n  isDragging: boolean;\n  isVerticalSheet: boolean;\n  isDraggableVariant: boolean;\n  onClose: () => void;\n  onDragStart: (e: React.MouseEvent | React.TouchEvent) => void;\n}\n\n/**\n * The header earns its place if it would show anything at all — a grab handle,\n * either piece of text, the close button, or caller-supplied content.\n */\nconst needsHeader = (props: SheetBodyProps) =>\n  Boolean(\n    props.showHandle ||\n    props.title ||\n    props.description ||\n    props.showCloseButton ||\n    props.header,\n  );\n\n/** The centred spinner shown in place of the children while `loading`. */\nconst SheetLoading: React.FC<Pick<SheetBodyProps, 'color'>> = ({ color }) => (\n  <Box\n    sx={{\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      minHeight: 200,\n    }}\n  >\n    <CircularProgress color={color === undefined ? undefined : muiColor(color, 'inherit')} />\n  </Box>\n);\n\n/**\n * What the sheet contains, independent of which drawer is carrying it. The\n * swipeable and plain branches render exactly this — they differ only in the\n * MUI component and its swipe props, so the contents are built once.\n */\nexport const SheetBody: React.FC<SheetBodyProps> = (props) => {\n  const {\n    title,\n    description,\n    showCloseButton,\n    showHandle,\n    header,\n    footer,\n    loading,\n    color,\n    children,\n    onClick,\n    onFocus,\n    onBlur,\n    testId,\n    isDragging,\n    isVerticalSheet,\n    isDraggableVariant,\n    onClose,\n    onDragStart,\n  } = props;\n\n  return (\n    <Box\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      data-testid={testId}\n      sx={{\n        height: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        position: 'relative',\n        userSelect: isDragging ? 'none' : 'auto',\n      }}\n    >\n      {needsHeader(props) && (\n        <SheetHeader\n          title={title}\n          description={description}\n          showCloseButton={showCloseButton}\n          onClose={onClose}\n          showHandle={showHandle && isVerticalSheet}\n          isDraggable={isDraggableVariant && isVerticalSheet}\n          onDragStart={onDragStart}\n          dataTestId={`${testId}-header`}\n        >\n          {header}\n        </SheetHeader>\n      )}\n\n      <SheetContent padded dataTestId={`${testId}-content`}>\n        {loading ? <SheetLoading color={color} /> : children}\n      </SheetContent>\n\n      {footer && (\n        <SheetFooter sticky divider dataTestId={`${testId}-footer`}>\n          {footer}\n        </SheetFooter>\n      )}\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA,SAAS,KAAK,wBAAwB;AAqDlC,cAgCA,YAhCA;AAnBJ,IAAM,cAAc,CAAC,UACnB;AAAA,EACE,MAAM,cACN,MAAM,SACN,MAAM,eACN,MAAM,mBACN,MAAM;AACR;AAGF,IAAM,eAAwD,CAAC,EAAE,MAAM,MACrE;AAAA,EAAC;AAAA;AAAA,IACC,IAAI;AAAA,MACF,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IAEA,8BAAC,oBAAiB,OAAO,UAAU,SAAY,SAAY,SAAS,OAAO,SAAS,GAAG;AAAA;AACzF;AAQK,IAAM,YAAsC,CAAC,UAAU;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb,IAAI;AAAA,QACF,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,eAAe;AAAA,QACf,UAAU;AAAA,QACV,YAAY,aAAa,SAAS;AAAA,MACpC;AAAA,MAEC;AAAA,oBAAY,KAAK,KAChB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,YAAY,cAAc;AAAA,YAC1B,aAAa,sBAAsB;AAAA,YACnC;AAAA,YACA,YAAY,GAAG,MAAM;AAAA,YAEpB;AAAA;AAAA,QACH;AAAA,QAGF,oBAAC,gBAAa,QAAM,MAAC,YAAY,GAAG,MAAM,YACvC,oBAAU,oBAAC,gBAAa,OAAc,IAAK,UAC9C;AAAA,QAEC,UACC,oBAAC,eAAY,QAAM,MAAC,SAAO,MAAC,YAAY,GAAG,MAAM,WAC9C,kBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-WTUV5BM5.js

@@ -0,0 +1,196 @@
+import {
+  imgPassThrough,
+  resolveLazyImageProps,
+  useLazyImage
+} from "./chunk-WR7ELCIL.js";
+import {
+  Skeleton
+} from "./chunk-6Z6SNY3X.js";
+
+// src/components/data-display/LazyImage/LazyImage.tsx
+import { Box, CircularProgress, styled, useTheme } from "@mui/material";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ImageContainer = styled(Box)(() => ({
+  position: "relative",
+  display: "inline-block",
+  overflow: "hidden"
+}));
+var StyledImage = styled("img")(({ fadeIn, fadeInDuration = 300, isLoaded }) => ({
+  display: "block",
+  maxWidth: "100%",
+  height: "auto",
+  opacity: fadeIn ? isLoaded ? 1 : 0 : 1,
+  transition: fadeIn ? `opacity ${fadeInDuration}ms ease-in-out` : "none"
+}));
+var SpinnerOverlay = styled(Box)(({ theme }) => ({
+  position: "absolute",
+  top: "50%",
+  left: "50%",
+  transform: "translate(-50%, -50%)",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  backgroundColor: "rgba(255, 255, 255, 0.8)",
+  borderRadius: "50%",
+  padding: theme.spacing(1)
+}));
+var FallbackContainer = styled(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  backgroundColor: theme.palette.action.disabledBackground,
+  color: theme.palette.text.secondary,
+  width: "100%",
+  height: "100%",
+  position: "absolute",
+  top: 0,
+  left: 0
+}));
+var SkeletonIndicator = ({ props, metrics }) => /* @__PURE__ */ jsx(
+  Skeleton,
+  {
+    variant: "rectangular",
+    width: metrics.width || "100%",
+    height: metrics.height || 200,
+    animation: props.skeletonProps.animation || "pulse",
+    intensity: props.skeletonProps.intensity,
+    borderRadius: props.borderRadius,
+    "data-testid": `${props["data-testid"]}-skeleton`
+  }
+);
+var SpinnerIndicator = ({ props }) => {
+  const theme = useTheme();
+  const { spinnerProps } = props;
+  return /* @__PURE__ */ jsx(SpinnerOverlay, { children: /* @__PURE__ */ jsx(
+    CircularProgress,
+    {
+      size: spinnerProps.size || 40,
+      thickness: spinnerProps.thickness || 4,
+      sx: { color: spinnerProps.color || theme.palette.primary.main },
+      "data-testid": `${props["data-testid"]}-spinner`
+    }
+  ) });
+};
+var PlaceholderIndicator = ({
+  props,
+  metrics,
+  hasSrc
+}) => {
+  if (!props.placeholder || hasSrc) return null;
+  return /* @__PURE__ */ jsx(
+    StyledImage,
+    {
+      src: props.placeholder,
+      alt: `${props.alt} (loading)`,
+      style: metrics,
+      "data-testid": `${props["data-testid"]}-placeholder`
+    }
+  );
+};
+var LoadingIndicator = ({ kind, hasSrc, ...rest }) => {
+  switch (kind) {
+    case "skeleton":
+      return /* @__PURE__ */ jsx(SkeletonIndicator, { ...rest });
+    case "spinner":
+      return /* @__PURE__ */ jsx(SpinnerIndicator, { ...rest });
+    case "placeholder":
+      return /* @__PURE__ */ jsx(PlaceholderIndicator, { ...rest, hasSrc });
+    default:
+      return null;
+  }
+};
+var ErrorFallback = ({ props, metrics }) => {
+  const { alt, fallback, borderRadius } = props;
+  const testId = props["data-testid"];
+  if (!fallback) return null;
+  if (typeof fallback === "string") {
+    return /* @__PURE__ */ jsx(
+      StyledImage,
+      {
+        src: fallback,
+        alt: `${alt} (fallback)`,
+        style: metrics,
+        fadeIn: false,
+        isLoaded: true,
+        "data-testid": `${testId}-fallback`
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    FallbackContainer,
+    {
+      sx: { width: metrics.width, height: metrics.height, borderRadius },
+      "data-testid": `${testId}-fallback`,
+      children: fallback
+    }
+  );
+};
+var LazyImage = React.memo(function LazyImage2(rawProps) {
+  const props = resolveLazyImageProps(rawProps);
+  const {
+    state,
+    containerRef,
+    effectiveLoadingState,
+    handleImageLoad,
+    handleImageError,
+    showImage,
+    showLoading
+  } = useLazyImage(props);
+  const { width, height, borderRadius, alt } = props;
+  const testId = props["data-testid"];
+  const metrics = {
+    width,
+    height,
+    objectFit: props.objectFit,
+    objectPosition: props.objectPosition,
+    borderRadius
+  };
+  return /* @__PURE__ */ jsxs(
+    ImageContainer,
+    {
+      ref: containerRef,
+      className: props.className,
+      sx: { width: width || "auto", height: height || "auto", borderRadius },
+      "data-testid": testId,
+      children: [
+        showLoading && /* @__PURE__ */ jsx(
+          LoadingIndicator,
+          {
+            kind: effectiveLoadingState,
+            props,
+            metrics,
+            hasSrc: Boolean(state.currentSrc)
+          }
+        ),
+        showImage && /* @__PURE__ */ jsx(
+          StyledImage,
+          {
+            src: state.currentSrc || void 0,
+            alt,
+            onLoad: handleImageLoad,
+            onError: handleImageError,
+            fadeIn: props.fadeIn,
+            fadeInDuration: props.fadeInDuration,
+            isLoaded: !state.isLoading,
+            decoding: props.decoding,
+            loading: props.lazy ? "lazy" : props.loading,
+            style: { ...metrics, ...props.sx },
+            "aria-label": props["aria-label"] || alt,
+            "aria-describedby": props["aria-describedby"],
+            role: props.role,
+            "data-testid": `${testId}-img`,
+            ...imgPassThrough(props)
+          }
+        ),
+        state.hasError && /* @__PURE__ */ jsx(ErrorFallback, { props, metrics })
+      ]
+    }
+  );
+});
+LazyImage.displayName = "LazyImage";
+
+export {
+  LazyImage
+};
+//# sourceMappingURL=chunk-WTUV5BM5.js.map

package/dist/chunk-WTUV5BM5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/LazyImage/LazyImage.tsx"],"sourcesContent":["import { Box, CircularProgress, styled, useTheme } from '@mui/material';\nimport React from 'react';\nimport { Skeleton } from '../../layout/Skeleton';\nimport type { ResolvedLazyImageProps } from './LazyImage.hooks';\nimport { imgPassThrough, resolveLazyImageProps, useLazyImage } from './LazyImage.hooks';\nimport type { LazyImageProps } from './LazyImage.types';\n\nconst ImageContainer = styled(Box)(() => ({\n  position: 'relative',\n  display: 'inline-block',\n  overflow: 'hidden',\n}));\n\nconst StyledImage = styled('img')<{\n  fadeIn?: boolean;\n  fadeInDuration?: number;\n  isLoaded?: boolean;\n}>(({ fadeIn, fadeInDuration = 300, isLoaded }) => ({\n  display: 'block',\n  maxWidth: '100%',\n  height: 'auto',\n  opacity: fadeIn ? (isLoaded ? 1 : 0) : 1,\n  transition: fadeIn ? `opacity ${fadeInDuration}ms ease-in-out` : 'none',\n}));\n\nconst SpinnerOverlay = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  backgroundColor: 'rgba(255, 255, 255, 0.8)',\n  borderRadius: '50%',\n  padding: theme.spacing(1),\n}));\n\nconst FallbackContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  backgroundColor: theme.palette.action.disabledBackground,\n  color: theme.palette.text.secondary,\n  width: '100%',\n  height: '100%',\n  position: 'absolute',\n  top: 0,\n  left: 0,\n}));\n\n/** The box the image occupies, shared by the real image and every stand-in for it. */\ninterface BoxMetrics {\n  width?: number | string;\n  height?: number | string;\n  objectFit: NonNullable<LazyImageProps['objectFit']>;\n  objectPosition: string;\n  borderRadius?: number | string;\n}\n\ninterface IndicatorProps {\n  props: ResolvedLazyImageProps;\n  metrics: BoxMetrics;\n}\n\nconst SkeletonIndicator: React.FC<IndicatorProps> = ({ props, metrics }) => (\n  <Skeleton\n    variant=\"rectangular\"\n    width={metrics.width || '100%'}\n    height={metrics.height || 200}\n    animation={props.skeletonProps.animation || 'pulse'}\n    intensity={props.skeletonProps.intensity}\n    borderRadius={props.borderRadius}\n    data-testid={`${props['data-testid']}-skeleton`}\n  />\n);\n\nconst SpinnerIndicator: React.FC<IndicatorProps> = ({ props }) => {\n  const theme = useTheme();\n  const { spinnerProps } = props;\n\n  return (\n    <SpinnerOverlay>\n      <CircularProgress\n        size={spinnerProps.size || 40}\n        thickness={spinnerProps.thickness || 4}\n        sx={{ color: spinnerProps.color || theme.palette.primary.main }}\n        data-testid={`${props['data-testid']}-spinner`}\n      />\n    </SpinnerOverlay>\n  );\n};\n\nconst PlaceholderIndicator: React.FC<IndicatorProps & { hasSrc: boolean }> = ({\n  props,\n  metrics,\n  hasSrc,\n}) => {\n  // Once a src has been chosen the real <img> is on screen, so the placeholder\n  // would only stack behind it.\n  if (!props.placeholder || hasSrc) return null;\n\n  return (\n    <StyledImage\n      src={props.placeholder}\n      alt={`${props.alt} (loading)`}\n      style={metrics}\n      data-testid={`${props['data-testid']}-placeholder`}\n    />\n  );\n};\n\nconst LoadingIndicator: React.FC<\n  IndicatorProps & { kind: NonNullable<LazyImageProps['loadingState']>; hasSrc: boolean }\n> = ({ kind, hasSrc, ...rest }) => {\n  switch (kind) {\n    case 'skeleton':\n      return <SkeletonIndicator {...rest} />;\n    case 'spinner':\n      return <SpinnerIndicator {...rest} />;\n    case 'placeholder':\n      return <PlaceholderIndicator {...rest} hasSrc={hasSrc} />;\n    default:\n      return null;\n  }\n};\n\nconst ErrorFallback: React.FC<IndicatorProps> = ({ props, metrics }) => {\n  const { alt, fallback, borderRadius } = props;\n  const testId = props['data-testid'];\n\n  if (!fallback) return null;\n\n  if (typeof fallback === 'string') {\n    return (\n      <StyledImage\n        src={fallback}\n        alt={`${alt} (fallback)`}\n        style={metrics}\n        fadeIn={false}\n        isLoaded={true}\n        data-testid={`${testId}-fallback`}\n      />\n    );\n  }\n\n  return (\n    <FallbackContainer\n      sx={{ width: metrics.width, height: metrics.height, borderRadius }}\n      data-testid={`${testId}-fallback`}\n    >\n      {fallback}\n    </FallbackContainer>\n  );\n};\n\n/**\n * LazyImage component with enhanced features for optimized image loading\n * Supports lazy loading, placeholders, error handling, and various loading states\n */\nexport const LazyImage = React.memo<LazyImageProps>(function LazyImage(rawProps) {\n  const props = resolveLazyImageProps(rawProps);\n  const {\n    state,\n    containerRef,\n    effectiveLoadingState,\n    handleImageLoad,\n    handleImageError,\n    showImage,\n    showLoading,\n  } = useLazyImage(props);\n\n  const { width, height, borderRadius, alt } = props;\n  const testId = props['data-testid'];\n  const metrics: BoxMetrics = {\n    width,\n    height,\n    objectFit: props.objectFit,\n    objectPosition: props.objectPosition,\n    borderRadius,\n  };\n\n  return (\n    <ImageContainer\n      ref={containerRef}\n      className={props.className}\n      sx={{ width: width || 'auto', height: height || 'auto', borderRadius }}\n      data-testid={testId}\n    >\n      {showLoading && (\n        <LoadingIndicator\n          kind={effectiveLoadingState}\n          props={props}\n          metrics={metrics}\n          hasSrc={Boolean(state.currentSrc)}\n        />\n      )}\n\n      {showImage && (\n        <StyledImage\n          src={state.currentSrc || undefined}\n          alt={alt}\n          onLoad={handleImageLoad}\n          onError={handleImageError}\n          fadeIn={props.fadeIn}\n          fadeInDuration={props.fadeInDuration}\n          isLoaded={!state.isLoading}\n          decoding={props.decoding}\n          loading={props.lazy ? 'lazy' : props.loading}\n          style={{ ...metrics, ...props.sx }}\n          aria-label={props['aria-label'] || alt}\n          aria-describedby={props['aria-describedby']}\n          role={props.role}\n          data-testid={`${testId}-img`}\n          {...imgPassThrough(props)}\n        />\n      )}\n\n      {state.hasError && <ErrorFallback props={props} metrics={metrics} />}\n    </ImageContainer>\n  );\n});\n\nLazyImage.displayName = 'LazyImage';\n"],"mappings":"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","names":["LazyImage"]}

package/dist/chunk-WUE5EK42.js

@@ -0,0 +1,79 @@
+// src/pt-BR.shared.ts
+var PT_BR_SECTION_ONBOARDING_COPY = {
+  edit: "Editar",
+  collapse: "Ocultar",
+  start: "Come\xE7ar"
+};
+var PT_BR_CONFIRM_ACTION_COPY = {
+  cancel: "Cancelar",
+  defaultError: "N\xE3o foi poss\xEDvel concluir a a\xE7\xE3o. Tente novamente.",
+  irreversible: "Esta a\xE7\xE3o n\xE3o pode ser desfeita.",
+  typeToConfirm: (expected) => `Digite "${expected}" para confirmar.`
+};
+var PT_BR_CATEGORY_SELECT_COPY = {
+  purpose: "Categorias organizam o card\xE1pio e os filtros da loja.",
+  clearSelection: "Limpar sele\xE7\xE3o",
+  selectAll: "Marcar tudo",
+  deselectAll: "Desmarcar tudo",
+  expandAll: "Expandir tudo",
+  collapseAll: "Recolher tudo",
+  expandCategory: (name) => `Expandir ${name}`,
+  collapseCategory: (name) => `Recolher ${name}`,
+  placeholderSingle: "Mover para\u2026",
+  placeholderMulti: "Categoria",
+  emptyTitle: "Nenhuma categoria ainda",
+  createCategory: "Criar categoria",
+  noResults: {
+    title: (query) => `Nada encontrado para \u201C${query}\u201D`,
+    hint: "Tente outro termo ou verifique a grafia.",
+    clearSearch: "Limpar busca",
+    create: (query) => `Criar \u201C${query}\u201D`
+  },
+  search: {
+    placeholderSingle: "Buscar categoria\u2026",
+    placeholderMulti: "Buscar categoria ou subcategoria",
+    clear: "Limpar busca",
+    removeChip: (label) => `Remover ${label}`,
+    pinnedLabel: (count) => `Selecionadas \xB7 ${count}`
+  },
+  footer: {
+    selectedCount: (count) => `${count} selecionada${count === 1 ? "" : "s"}`,
+    clear: "Limpar",
+    apply: "Aplicar",
+    close: "Fechar",
+    singleHint: "Escolha uma categoria",
+    cancel: "Cancelar"
+  }
+};
+var PT_BR_CEP_FIELD_COPY = {
+  loading: "Buscando endere\xE7o\u2026",
+  found: "Endere\xE7o preenchido pelo CEP.",
+  notfound: "CEP n\xE3o encontrado \u2014 preencha o endere\xE7o manualmente."
+};
+var PT_BR_SAVED_VIEWS_LABELS = {
+  trigger: "Vis\xF5es",
+  mainView: "Vis\xE3o principal",
+  pinned: "Fixadas",
+  recent: "Recentes",
+  empty: "Nenhuma vis\xE3o salva ainda.",
+  saveCurrent: "+ Salvar vis\xE3o atual",
+  manageAll: "Gerenciar vis\xF5es",
+  apply: "Aplicar",
+  setDefault: "Definir como padr\xE3o",
+  pin: "Fixar na barra lateral",
+  unpin: "Desafixar",
+  share: "Compartilhar com a equipe",
+  unshare: "Tornar privada",
+  edit: "Editar",
+  remove: "Excluir",
+  defaultTag: "Padr\xE3o"
+};
+
+export {
+  PT_BR_SECTION_ONBOARDING_COPY,
+  PT_BR_CONFIRM_ACTION_COPY,
+  PT_BR_CATEGORY_SELECT_COPY,
+  PT_BR_CEP_FIELD_COPY,
+  PT_BR_SAVED_VIEWS_LABELS
+};
+//# sourceMappingURL=chunk-WUE5EK42.js.map

package/dist/chunk-WUE5EK42.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pt-BR.shared.ts"],"sourcesContent":["/**\n * The pt-BR pack for the shared family. Split out of `pt-BR.ts`, which is a\n * barrel over this folder — see that file for why.\n */\nimport type { SavedViewsLabels } from \"./components/layout/ContentToolbar/ContentToolbar.types\";\nimport type {\n  CategorySelectCopy,\n  CepFieldCopy,\n  ConfirmActionCopy,\n  SectionOnboardingCopy,\n} from './copy';\n\nexport const PT_BR_SECTION_ONBOARDING_COPY: SectionOnboardingCopy = {\n  edit: \"Editar\",\n  collapse: \"Ocultar\",\n  start: \"Começar\",\n};\n\nexport const PT_BR_CONFIRM_ACTION_COPY: ConfirmActionCopy = {\n  cancel: \"Cancelar\",\n  defaultError: \"Não foi possível concluir a ação. Tente novamente.\",\n  irreversible: \"Esta ação não pode ser desfeita.\",\n  typeToConfirm: (expected) => `Digite \"${expected}\" para confirmar.`,\n};\n\nexport const PT_BR_CATEGORY_SELECT_COPY: CategorySelectCopy = {\n  purpose: \"Categorias organizam o cardápio e os filtros da loja.\",\n  clearSelection: \"Limpar seleção\",\n  selectAll: \"Marcar tudo\",\n  deselectAll: \"Desmarcar tudo\",\n  expandAll: \"Expandir tudo\",\n  collapseAll: \"Recolher tudo\",\n  expandCategory: (name) => `Expandir ${name}`,\n  collapseCategory: (name) => `Recolher ${name}`,\n  placeholderSingle: \"Mover para…\",\n  placeholderMulti: \"Categoria\",\n  emptyTitle: \"Nenhuma categoria ainda\",\n  createCategory: \"Criar categoria\",\n  noResults: {\n    title: (query) => `Nada encontrado para “${query}”`,\n    hint: \"Tente outro termo ou verifique a grafia.\",\n    clearSearch: \"Limpar busca\",\n    create: (query) => `Criar “${query}”`,\n  },\n  search: {\n    placeholderSingle: \"Buscar categoria…\",\n    placeholderMulti: \"Buscar categoria ou subcategoria\",\n    clear: \"Limpar busca\",\n    removeChip: (label) => `Remover ${label}`,\n    pinnedLabel: (count) => `Selecionadas · ${count}`,\n  },\n  footer: {\n    selectedCount: (count) => `${count} selecionada${count === 1 ? \"\" : \"s\"}`,\n    clear: \"Limpar\",\n    apply: \"Aplicar\",\n    close: \"Fechar\",\n    singleHint: \"Escolha uma categoria\",\n    cancel: \"Cancelar\",\n  },\n};\n\nexport const PT_BR_CEP_FIELD_COPY: CepFieldCopy = {\n  loading: \"Buscando endereço…\",\n  found: \"Endereço preenchido pelo CEP.\",\n  notfound: \"CEP não encontrado — preencha o endereço manualmente.\",\n};\n\n/**\n * The saved-views dropdown's labels.\n *\n * Typed as the package's OWN `SavedViewsLabels` rather than a parallel shape:\n * that interface already named every string, including the seven with no\n * diacritics the copy gate could not see (`Aplicar`, `Fixar na barra lateral`,\n * `Editar`…). The prop was `Partial<SavedViewsLabels>` with a pt-BR default —\n * configurable in the type, inherited in practice.\n */\nexport const PT_BR_SAVED_VIEWS_LABELS: SavedViewsLabels = {\n  trigger: \"Visões\",\n  mainView: \"Visão principal\",\n  pinned: \"Fixadas\",\n  recent: \"Recentes\",\n  empty: \"Nenhuma visão salva ainda.\",\n  saveCurrent: \"+ Salvar visão atual\",\n  manageAll: \"Gerenciar visões\",\n  apply: \"Aplicar\",\n  setDefault: \"Definir como padrão\",\n  pin: \"Fixar na barra lateral\",\n  unpin: \"Desafixar\",\n  share: \"Compartilhar com a equipe\",\n  unshare: \"Tornar privada\",\n  edit: \"Editar\",\n  remove: \"Excluir\",\n  defaultTag: \"Padrão\",\n};\n"],"mappings":";AAYO,IAAM,gCAAuD;AAAA,EAClE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AACT;AAEO,IAAM,4BAA+C;AAAA,EAC1D,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe,CAAC,aAAa,WAAW,QAAQ;AAClD;AAEO,IAAM,6BAAiD;AAAA,EAC5D,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,WAAW;AAAA,EACX,aAAa;AAAA,EACb,gBAAgB,CAAC,SAAS,YAAY,IAAI;AAAA,EAC1C,kBAAkB,CAAC,SAAS,YAAY,IAAI;AAAA,EAC5C,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,WAAW;AAAA,IACT,OAAO,CAAC,UAAU,8BAAyB,KAAK;AAAA,IAChD,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ,CAAC,UAAU,eAAU,KAAK;AAAA,EACpC;AAAA,EACA,QAAQ;AAAA,IACN,mBAAmB;AAAA,IACnB,kBAAkB;AAAA,IAClB,OAAO;AAAA,IACP,YAAY,CAAC,UAAU,WAAW,KAAK;AAAA,IACvC,aAAa,CAAC,UAAU,qBAAkB,KAAK;AAAA,EACjD;AAAA,EACA,QAAQ;AAAA,IACN,eAAe,CAAC,UAAU,GAAG,KAAK,eAAe,UAAU,IAAI,KAAK,GAAG;AAAA,IACvE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,QAAQ;AAAA,EACV;AACF;AAEO,IAAM,uBAAqC;AAAA,EAChD,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ;AAWO,IAAM,2BAA6C;AAAA,EACxD,SAAS;AAAA,EACT,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AACd;","names":[]}

package/dist/chunk-WVML3ENZ.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-WVML3ENZ.js.map

package/dist/chunk-WVML3ENZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-WXYLH3QZ.js

@@ -0,0 +1,60 @@
+// src/components/utility/InstallPrompt/InstallPrompt.helpers.ts
+var DEFAULT_STORAGE_KEY = "pwa-install-dismissed";
+var DEFAULT_DISMISS_DAYS = 30;
+var MS_PER_DAY = 864e5;
+var STANDALONE_QUERY = "(display-mode: standalone)";
+var hasWindow = () => typeof window !== "undefined";
+var isStandaloneDisplay = () => {
+  if (!hasWindow()) return false;
+  if (window.navigator.standalone === true) return true;
+  return window.matchMedia?.(STANDALONE_QUERY).matches === true;
+};
+var isIosSafariAgent = (userAgent, maxTouchPoints) => {
+  const isIosDevice = /iPad|iPhone|iPod/.test(userAgent) || userAgent.includes("Macintosh") && maxTouchPoints > 1;
+  if (!isIosDevice) return false;
+  return !/CriOS|FxiOS|EdgiOS|OPiOS/.test(userAgent);
+};
+var isIosSafari = () => {
+  if (!hasWindow()) return false;
+  const { userAgent, maxTouchPoints } = window.navigator;
+  return isIosSafariAgent(userAgent, maxTouchPoints);
+};
+var readDismissedAt = (storageKey) => {
+  if (!hasWindow()) return null;
+  try {
+    const raw = window.localStorage.getItem(storageKey);
+    if (!raw) return null;
+    const parsed = Number.parseInt(raw, 10);
+    return Number.isFinite(parsed) ? parsed : null;
+  } catch {
+    return null;
+  }
+};
+var writeDismissedAt = (storageKey, at) => {
+  if (!hasWindow()) return;
+  try {
+    window.localStorage.setItem(storageKey, String(at));
+  } catch {
+  }
+};
+var isDismissalActive = (dismissedAt, dismissForDays, now) => {
+  if (dismissedAt === null) return false;
+  if (dismissForDays <= 0) return true;
+  return now - dismissedAt < dismissForDays * MS_PER_DAY;
+};
+var resolveInstallPlatform = (hasDeferredPrompt) => {
+  if (hasDeferredPrompt) return "prompt";
+  return isIosSafari() ? "ios" : "unsupported";
+};
+
+export {
+  DEFAULT_STORAGE_KEY,
+  DEFAULT_DISMISS_DAYS,
+  isStandaloneDisplay,
+  isIosSafariAgent,
+  readDismissedAt,
+  writeDismissedAt,
+  isDismissalActive,
+  resolveInstallPlatform
+};
+//# sourceMappingURL=chunk-WXYLH3QZ.js.map