@12-apps/ui 6.11.0 → 6.12.0

package/dist/chunk-3DQP6OPC.js

@@ -0,0 +1,190 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+import {
+  Text
+} from "./chunk-VRHBJXZ7.js";
+
+// src/components/data-display/DataViews/DataViewsBoard.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_EXTRA_LABEL = "Sem etapa";
+function groupValueOf(row, groupBy) {
+  const value = row[groupBy];
+  return value === null || value === void 0 ? "" : String(value);
+}
+function groupRows(rows, board) {
+  const declared = new Map(board.groups.map((group) => [group.value, []]));
+  const extra = [];
+  for (const row of rows) {
+    const bucket = declared.get(groupValueOf(row, board.groupBy));
+    if (bucket) bucket.push(row);
+    else extra.push(row);
+  }
+  const columns = board.groups.map((group) => ({
+    key: group.value,
+    label: group.label,
+    tone: group.tone,
+    rows: declared.get(group.value) ?? []
+  }));
+  if (extra.length > 0) {
+    columns.push({ key: "__extra__", label: board.extraLabel ?? DEFAULT_EXTRA_LABEL, rows: extra });
+  }
+  return columns;
+}
+function sumOf(rows, sumBy) {
+  if (!sumBy) return null;
+  return rows.reduce((total, row) => {
+    const value = row[sumBy];
+    return typeof value === "number" && Number.isFinite(value) ? total + value : total;
+  }, 0);
+}
+function toneColor(tone) {
+  const known = ["primary", "secondary", "success", "warning", "error", "info"];
+  return tone && known.includes(tone) ? `${tone}.main` : "divider";
+}
+function BoardColumnHeader({
+  label,
+  count,
+  sum,
+  testId
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", flexDirection: "column", gap: 0.25 }, children: [
+    /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "baseline", justifyContent: "space-between", gap: 1 }, children: [
+      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontWeight: 600 }, children: label }) }),
+      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(
+        default2,
+        {
+          component: "span",
+          "data-testid": `${testId}-count`,
+          "aria-label": copy.board.countOnPage(label, count),
+          sx: { color: "text.secondary", whiteSpace: "nowrap" },
+          children: copy.board.onThisPage(count)
+        }
+      ) })
+    ] }),
+    sum !== null && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(
+      default2,
+      {
+        component: "span",
+        "data-testid": `${testId}-sum`,
+        "aria-label": copy.board.pageSum(sum),
+        sx: { color: "text.secondary" },
+        children: sum
+      }
+    ) })
+  ] });
+}
+function BoardColumn({
+  column,
+  board,
+  getRowId,
+  renderCard,
+  selectedIds,
+  onToggleId,
+  cardScale,
+  width,
+  testId
+}) {
+  const copy = useDataViewsCopy();
+  const total = sumOf(column.rows, board.sumBy);
+  return /* @__PURE__ */ jsxs(
+    default2,
+    {
+      "data-testid": testId,
+      sx: {
+        flex: `0 0 ${width}px`,
+        minWidth: width,
+        display: "flex",
+        flexDirection: "column",
+        gap: 1,
+        borderTop: 3,
+        borderStyle: "solid",
+        borderColor: toneColor(column.tone),
+        borderRadius: 1,
+        bgcolor: "action.hover",
+        p: 1
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          BoardColumnHeader,
+          {
+            label: column.label,
+            count: column.rows.length,
+            sum: total === null ? null : String(board.formatSum ? board.formatSum(total) : total),
+            testId
+          }
+        ),
+        column.rows.length === 0 ? /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", "data-testid": `${testId}-empty`, sx: { color: "text.disabled" }, children: copy.board.emptyColumn }) }) : column.rows.map((row) => {
+          const id = getRowId(row);
+          return /* @__PURE__ */ jsx(default2, { children: renderCard(row, {
+            selected: selectedIds.has(id),
+            onToggleSelect: () => onToggleId(id),
+            scale: cardScale
+          }) }, id);
+        })
+      ]
+    }
+  );
+}
+var BASE_COLUMN_WIDTH = 240;
+var MIN_COLUMN_WIDTH = 220;
+function DataViewsBoard({
+  rows,
+  board,
+  getRowId,
+  renderCard,
+  selectedIds,
+  onToggleId,
+  cardScale,
+  dataTestId
+}) {
+  const copy = useDataViewsCopy();
+  const columns = groupRows(rows, board);
+  const width = Math.max(MIN_COLUMN_WIDTH, Math.round(BASE_COLUMN_WIDTH * cardScale));
+  const testId = dataTestId ? `${dataTestId}-board` : "data-views-board";
+  return /* @__PURE__ */ jsxs(default2, { sx: { mt: 1.5 }, children: [
+    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", "data-testid": `${testId}-scale-note`, sx: { color: "text.secondary" }, children: copy.board.pageScopeNote }) }),
+    /* @__PURE__ */ jsx(
+      default2,
+      {
+        "data-testid": testId,
+        sx: {
+          mt: 1,
+          display: "flex",
+          alignItems: "flex-start",
+          gap: 1.5,
+          // The BOARD scrolls, not the page: without `maxWidth` the flex row
+          // widens its parent and the whole document scrolls sideways.
+          maxWidth: "100%",
+          overflowX: "auto",
+          pb: 1
+        },
+        children: columns.map((column) => /* @__PURE__ */ jsx(
+          BoardColumn,
+          {
+            column,
+            board,
+            getRowId,
+            renderCard,
+            selectedIds,
+            onToggleId,
+            cardScale,
+            width,
+            testId: `${testId}-column-${column.key}`
+          },
+          column.key
+        ))
+      }
+    )
+  ] });
+}
+
+export {
+  groupRows,
+  DataViewsBoard
+};
+//# sourceMappingURL=chunk-3DQP6OPC.js.map

package/dist/chunk-3DQP6OPC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/DataViewsBoard.tsx"],"sourcesContent":["\"use client\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport type { DataViewCardSelection } from \"./data-views-types\";\n\n/**\n * One column of the board — a single value of the grouping field, with the label\n * to print above it.\n *\n * `tone` is an opaque palette hint (e.g. `\"success\"`, `\"error\"`) the host picks\n * from its own state machine; the board only uses it to colour the column's\n * header accent, so an unknown tone degrades to the default rather than throwing.\n */\nexport interface BoardGroup {\n  value: string;\n  label: string;\n  tone?: string;\n}\n\n/**\n * The BOARD layout's configuration: the same page the table rendered, laid out\n * as columns of the entity's own card.\n *\n * The board earns its place when a page's buckets are STATES IN A STATE MACHINE\n * rather than arbitrary groupings — payments are exactly that shape. Derive\n * `groups` and the table's `scopes` from ONE state-machine definition: two\n * hand-maintained lists of the same states will drift, and the drift shows up as\n * a column the tabs do not have.\n */\nexport interface BoardConfig<T extends Record<string, unknown>> {\n  /** The row field whose value places a card in a column. */\n  groupBy: keyof T & string;\n  /** The columns, in DELIBERATE reading order — the board renders this order. */\n  groups: BoardGroup[];\n  /** Optional numeric row field summed per column (e.g. the amount in cents). */\n  sumBy?: keyof T & string;\n  /**\n   * Formats a column's total. The PAGE's own formatter, so the board prints\n   * money in the store's currency instead of inventing a second convention.\n   * Omitted ⇒ the raw sum.\n   */\n  formatSum?: (total: number) => string;\n  /** Header for the column collecting rows in states the front end does not declare. */\n  extraLabel?: string;\n}\n\n/** The default header for the catch-all column (see {@link groupRows}). */\nconst DEFAULT_EXTRA_LABEL = \"Sem etapa\";\n\n/** One resolved column: a declared group (or the catch-all) plus its loaded rows. */\ninterface ResolvedColumn<T> {\n  key: string;\n  label: string;\n  tone?: string;\n  rows: T[];\n}\n\n/** Read the grouping value off a row as a string (`null`/`undefined` ⇒ \"\"). */\nfunction groupValueOf<T extends Record<string, unknown>>(row: T, groupBy: string): string {\n  const value = row[groupBy];\n  return value === null || value === undefined ? \"\" : String(value);\n}\n\n/**\n * Place every loaded row into a column, in the DECLARED order, and collect the\n * leftovers into one extra column at the end.\n *\n * Nothing is ever dropped, and that is the point: a state added to the back end\n * before the front end knows about it must not make rows disappear. On a\n * payments board, a silently dropped row is money nobody can see. The extra\n * column only exists when something landed in it — once every row is placed it\n * is gone, so the common case shows exactly the declared columns.\n *\n * A declared group with no rows KEEPS its position: the order is a reading\n * order chosen by the host, not a ranking derived from the data.\n */\nexport function groupRows<T extends Record<string, unknown>>(\n  rows: T[],\n  board: BoardConfig<T>,\n): ResolvedColumn<T>[] {\n  const declared = new Map<string, T[]>(board.groups.map((group) => [group.value, []]));\n  const extra: T[] = [];\n  for (const row of rows) {\n    const bucket = declared.get(groupValueOf(row, board.groupBy));\n    if (bucket) bucket.push(row);\n    else extra.push(row);\n  }\n  const columns: ResolvedColumn<T>[] = board.groups.map((group) => ({\n    key: group.value,\n    label: group.label,\n    tone: group.tone,\n    rows: declared.get(group.value) ?? [],\n  }));\n  if (extra.length > 0) {\n    columns.push({ key: \"__extra__\", label: board.extraLabel ?? DEFAULT_EXTRA_LABEL, rows: extra });\n  }\n  return columns;\n}\n\n/** A column's total over the rows ON THIS PAGE, or null when nothing is summed. */\nfunction sumOf<T extends Record<string, unknown>>(rows: T[], sumBy: string | undefined): number | null {\n  if (!sumBy) return null;\n  return rows.reduce((total, row) => {\n    const value = row[sumBy];\n    return typeof value === \"number\" && Number.isFinite(value) ? total + value : total;\n  }, 0);\n}\n\n/** Map a `tone` hint onto a theme colour, defaulting for anything unrecognised. */\nfunction toneColor(tone: string | undefined): string {\n  const known = [\"primary\", \"secondary\", \"success\", \"warning\", \"error\", \"info\"];\n  return tone && known.includes(tone) ? `${tone}.main` : \"divider\";\n}\n\n/**\n * A column's heading: the label, the page count and the optional sum.\n *\n * The count is labelled \"nesta página\" EVERYWHERE it appears, including in its\n * accessible name. The scope tabs above the board show whole-query totals from\n * the server; an unlabelled column count would contradict them the moment there\n * is a second page, and the reader has no way to tell which number to believe.\n */\nfunction BoardColumnHeader({\n  label,\n  count,\n  sum,\n  testId,\n}: {\n  label: string;\n  count: number;\n  /** The formatted total, or null when the board sums nothing. */\n  sum: string | null;\n  testId: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 0.25 }}>\n      <Box sx={{ display: \"flex\", alignItems: \"baseline\", justifyContent: \"space-between\", gap: 1 }}>\n        <Text variant=\"caption\" as=\"span\">\n          <Box component=\"span\" sx={{ fontWeight: 600 }}>\n            {label}\n          </Box>\n        </Text>\n        <Text variant=\"caption\" as=\"span\">\n          <Box\n            component=\"span\"\n            data-testid={`${testId}-count`}\n            aria-label={copy.board.countOnPage(label, count)}\n            sx={{ color: \"text.secondary\", whiteSpace: \"nowrap\" }}\n          >\n            {copy.board.onThisPage(count)}\n          </Box>\n        </Text>\n      </Box>\n      {sum !== null && (\n        <Text variant=\"caption\" as=\"span\">\n          <Box\n            component=\"span\"\n            data-testid={`${testId}-sum`}\n            aria-label={copy.board.pageSum(sum)}\n            sx={{ color: \"text.secondary\" }}\n          >\n            {sum}\n          </Box>\n        </Text>\n      )}\n    </Box>\n  );\n}\n\ninterface BoardColumnProps<T extends Record<string, unknown>> {\n  column: ResolvedColumn<T>;\n  board: BoardConfig<T>;\n  getRowId: (row: T) => string | number;\n  renderCard: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  selectedIds: Set<string | number>;\n  onToggleId: (id: string | number) => void;\n  cardScale: number;\n  width: number;\n  testId: string;\n}\n\n/** One column: its header over a vertical stack of the entity's own cards. */\nfunction BoardColumn<T extends Record<string, unknown>>({\n  column,\n  board,\n  getRowId,\n  renderCard,\n  selectedIds,\n  onToggleId,\n  cardScale,\n  width,\n  testId,\n}: BoardColumnProps<T>): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const total = sumOf(column.rows, board.sumBy);\n  return (\n    <Box\n      data-testid={testId}\n      sx={{\n        flex: `0 0 ${width}px`,\n        minWidth: width,\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: 1,\n        borderTop: 3,\n        borderStyle: \"solid\",\n        borderColor: toneColor(column.tone),\n        borderRadius: 1,\n        bgcolor: \"action.hover\",\n        p: 1,\n      }}\n    >\n      <BoardColumnHeader\n        label={column.label}\n        count={column.rows.length}\n        sum={total === null ? null : String(board.formatSum ? board.formatSum(total) : total)}\n        testId={testId}\n      />\n      {column.rows.length === 0 ? (\n        <Text variant=\"caption\" as=\"p\">\n          <Box component=\"span\" data-testid={`${testId}-empty`} sx={{ color: \"text.disabled\" }}>\n            {copy.board.emptyColumn}\n          </Box>\n        </Text>\n      ) : (\n        column.rows.map((row) => {\n          const id = getRowId(row);\n          return (\n            <Box key={id}>\n              {renderCard(row, {\n                selected: selectedIds.has(id),\n                onToggleSelect: () => onToggleId(id),\n                scale: cardScale,\n              })}\n            </Box>\n          );\n        })\n      )}\n    </Box>\n  );\n}\n\ninterface DataViewsBoardProps<T extends Record<string, unknown>> {\n  /** The LOADED page, verbatim. The board never filters, sorts or paginates. */\n  rows: T[];\n  board: BoardConfig<T>;\n  getRowId: (row: T) => string | number;\n  renderCard: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  selectedIds: Set<string | number>;\n  onToggleId: (id: string | number) => void;\n  /** Card size multiplier from the toolbar zoom slider — the same knob as cards. */\n  cardScale: number;\n  dataTestId?: string;\n}\n\n/** The board's column width at scale 1; the zoom slider multiplies it. */\nconst BASE_COLUMN_WIDTH = 240;\n/** Never narrower than this, however far the zoom is wound down (touch targets). */\nconst MIN_COLUMN_WIDTH = 220;\n\n/**\n * The BOARD layout: the loaded page distributed into columns of the entity's own\n * card. A rendering, not a second source of truth — switching to it emits no\n * query, and it shows exactly the rows the table showed.\n *\n * The board scrolls HORIZONTALLY inside its own box rather than letting the page\n * scroll sideways, and its columns keep a usable width at every zoom, so a phone\n * gets a real board instead of six unreadable slivers.\n *\n * Cards are not draggable between columns. Dragging a payment from Recusado to\n * Pago is a domain transition with side effects, not a re-render: it needs the\n * allowed-transition set from the state machine plus a confirmation, and\n * `RowAction.isVisible` is the existing per-row guard to reuse when that lands.\n */\nexport function DataViewsBoard<T extends Record<string, unknown>>({\n  rows,\n  board,\n  getRowId,\n  renderCard,\n  selectedIds,\n  onToggleId,\n  cardScale,\n  dataTestId,\n}: DataViewsBoardProps<T>): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const columns = groupRows(rows, board);\n  const width = Math.max(MIN_COLUMN_WIDTH, Math.round(BASE_COLUMN_WIDTH * cardScale));\n  const testId = dataTestId ? `${dataTestId}-board` : \"data-views-board\";\n  return (\n    <Box sx={{ mt: 1.5 }}>\n      <Text variant=\"caption\" as=\"p\">\n        <Box component=\"span\" data-testid={`${testId}-scale-note`} sx={{ color: \"text.secondary\" }}>\n          {copy.board.pageScopeNote}\n        </Box>\n      </Text>\n      <Box\n        data-testid={testId}\n        sx={{\n          mt: 1,\n          display: \"flex\",\n          alignItems: \"flex-start\",\n          gap: 1.5,\n          // The BOARD scrolls, not the page: without `maxWidth` the flex row\n          // widens its parent and the whole document scrolls sideways.\n          maxWidth: \"100%\",\n          overflowX: \"auto\",\n          pb: 1,\n        }}\n      >\n        {columns.map((column) => (\n          <BoardColumn\n            key={column.key}\n            column={column}\n            board={board}\n            getRowId={getRowId}\n            renderCard={renderCard}\n            selectedIds={selectedIds}\n            onToggleId={onToggleId}\n            cardScale={cardScale}\n            width={width}\n            testId={`${testId}-column-${column.key}`}\n          />\n        ))}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":"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","names":["default"]}

package/dist/chunk-3EYRRVNT.js

@@ -0,0 +1,64 @@
+import {
+  useAutoplay,
+  useLightboxKeyboard,
+  useNavigation,
+  usePreloader,
+  useSwipe,
+  useWheelZoom,
+  useZoomState
+} from "./chunk-LTEXWGK6.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-3EYRRVNT.js.map

package/dist/chunk-3EYRRVNT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Lightbox/useLightbox.ts"],"sourcesContent":["import { useCallback, useImperativeHandle, useState } from 'react';\nimport type React from 'react';\n\nimport {\n  useAutoplay,\n  useLightboxKeyboard,\n  useNavigation,\n  usePreloader,\n  useSwipe,\n  useWheelZoom,\n  useZoomState,\n} from './Lightbox.hooks';\nimport type { ResolvedLightboxProps } from './Lightbox.helpers';\nimport type { LightboxRef } from './Lightbox.types';\n\n// Wires the independent concerns together in dependency order: zoom, then\n// navigation (which resets zoom), then autoplay (which advances), then the\n// input handlers that close.\nexport const useLightbox = (\n  { isOpen, onClose, items, startIndex, showControls, loop, autoplay, zoomable }: ResolvedLightboxProps,\n  ref: React.ForwardedRef<LightboxRef>,\n) => {\n  const [isLoading, setIsLoading] = useState(false);\n\n  const preloadImage = usePreloader();\n  const zoom = useZoomState();\n\n  const { currentIndex, goToIndex, next, prev } = useNavigation({\n    items,\n    loop,\n    startIndex,\n    resetZoom: zoom.resetZoom,\n    preloadImage,\n  });\n\n  const currentItem = items[currentIndex];\n  const canZoom = Boolean(zoomable && currentItem && currentItem.type !== 'video');\n\n  const handleWheel = useWheelZoom({ enabled: canZoom, setZoomLevel: zoom.setZoomLevel });\n\n  const { isAutoPlaying, setIsAutoPlaying, stopAutoplay } = useAutoplay({\n    isOpen,\n    autoplay,\n    itemCount: items.length,\n    currentIndex,\n    next,\n  });\n\n  const close = useCallback(() => {\n    stopAutoplay();\n    onClose();\n  }, [stopAutoplay, onClose]);\n\n  // open() with no argument starts at the first item.\n  const open = useCallback((index = 0) => goToIndex(index), [goToIndex]);\n\n  useImperativeHandle(ref, () => ({ open, close, next, prev, goTo: goToIndex }));\n\n  useLightboxKeyboard({ isOpen, showControls, autoplay, close, prev, next, setIsAutoPlaying });\n\n  const { handleTouchStart, handleTouchEnd } = useSwipe({ prev, next, close });\n\n  return {\n    currentIndex,\n    currentItem,\n    canZoom,\n    isLoading,\n    setIsLoading,\n    isAutoPlaying,\n    setIsAutoPlaying,\n    zoom,\n    handleWheel,\n    goToIndex,\n    next,\n    prev,\n    close,\n    handleTouchStart,\n    handleTouchEnd,\n  };\n};\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,aAAa,qBAAqB,gBAAgB;AAkBpD,IAAM,cAAc,CACzB,EAAE,QAAQ,SAAS,OAAO,YAAY,cAAc,MAAM,UAAU,SAAS,GAC7E,QACG;AACH,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,eAAe,aAAa;AAClC,QAAM,OAAO,aAAa;AAE1B,QAAM,EAAE,cAAc,WAAW,MAAM,KAAK,IAAI,cAAc;AAAA,IAC5D;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,KAAK;AAAA,IAChB;AAAA,EACF,CAAC;AAED,QAAM,cAAc,MAAM,YAAY;AACtC,QAAM,UAAU,QAAQ,YAAY,eAAe,YAAY,SAAS,OAAO;AAE/E,QAAM,cAAc,aAAa,EAAE,SAAS,SAAS,cAAc,KAAK,aAAa,CAAC;AAEtF,QAAM,EAAE,eAAe,kBAAkB,aAAa,IAAI,YAAY;AAAA,IACpE;AAAA,IACA;AAAA,IACA,WAAW,MAAM;AAAA,IACjB;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,QAAQ,YAAY,MAAM;AAC9B,iBAAa;AACb,YAAQ;AAAA,EACV,GAAG,CAAC,cAAc,OAAO,CAAC;AAG1B,QAAM,OAAO,YAAY,CAAC,QAAQ,MAAM,UAAU,KAAK,GAAG,CAAC,SAAS,CAAC;AAErE,sBAAoB,KAAK,OAAO,EAAE,MAAM,OAAO,MAAM,MAAM,MAAM,UAAU,EAAE;AAE7E,sBAAoB,EAAE,QAAQ,cAAc,UAAU,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAE3F,QAAM,EAAE,kBAAkB,eAAe,IAAI,SAAS,EAAE,MAAM,MAAM,MAAM,CAAC;AAE3E,SAAO;AAAA,IACL;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;AACF;","names":[]}

package/dist/chunk-3GOX75ZM.js

@@ -0,0 +1,95 @@
+import {
+  sizeStyles
+} from "./chunk-DJORMYOV.js";
+
+// src/components/form/Menubar/Menubar.item.tsx
+import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
+import Box from "@mui/material/Box/index.js";
+import Button from "@mui/material/Button/index.js";
+import Chip from "@mui/material/Chip/index.js";
+import Divider from "@mui/material/Divider/index.js";
+import ListItemIcon from "@mui/material/ListItemIcon/index.js";
+import ListItemText from "@mui/material/ListItemText/index.js";
+import Menu from "@mui/material/Menu/index.js";
+import MenuItem from "@mui/material/MenuItem/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DropdownItem = ({
+  child,
+  onActivate
+}) => child.divider ? /* @__PURE__ */ jsx(Divider, {}) : /* @__PURE__ */ jsxs(MenuItem, { onClick: () => onActivate(child), disabled: child.disabled, children: [
+  child.icon && /* @__PURE__ */ jsx(ListItemIcon, { children: child.icon }),
+  /* @__PURE__ */ jsx(ListItemText, { children: child.label }),
+  child.shortcut && /* @__PURE__ */ jsx(
+    Chip,
+    {
+      label: child.shortcut,
+      size: "small",
+      variant: "outlined",
+      sx: { ml: 2, height: 20, fontSize: "0.7rem" }
+    }
+  )
+] });
+var MenubarItemView = ({
+  item,
+  size,
+  disabled,
+  isOpen,
+  anchorEl,
+  onOpen,
+  onActivate,
+  onClose,
+  onFocus,
+  onBlur
+}) => {
+  const theme = useTheme();
+  const hasChildren = Boolean(item.children && item.children.length > 0);
+  const activate = (target) => {
+    if (hasChildren) {
+      onOpen(item.id, target);
+    } else {
+      onActivate(item);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        "data-testid": `menubar-button-${item.id}`,
+        onClick: (e) => activate(e.currentTarget),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            activate(e.currentTarget);
+          }
+        },
+        onMouseDown: (e) => e.preventDefault(),
+        onFocus,
+        onBlur,
+        disabled: item.disabled || disabled,
+        startIcon: item.icon,
+        endIcon: hasChildren ? /* @__PURE__ */ jsx(KeyboardArrowDownIcon, {}) : null,
+        "aria-haspopup": hasChildren ? "menu" : void 0,
+        "aria-expanded": hasChildren ? isOpen : void 0,
+        sx: { color: "inherit", textTransform: "none", ...sizeStyles(theme, size) },
+        children: item.label
+      }
+    ),
+    hasChildren && /* @__PURE__ */ jsx(
+      Menu,
+      {
+        anchorEl,
+        open: isOpen,
+        onClose,
+        autoFocus: true,
+        PaperProps: { sx: { minWidth: 200, mt: 1 } },
+        children: item.children?.map((child) => /* @__PURE__ */ jsx(DropdownItem, { child, onActivate }, child.id))
+      }
+    )
+  ] });
+};
+
+export {
+  MenubarItemView
+};
+//# sourceMappingURL=chunk-3GOX75ZM.js.map

package/dist/chunk-3GOX75ZM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Menubar/Menubar.item.tsx"],"sourcesContent":["import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Chip from '@mui/material/Chip/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport ListItemIcon from '@mui/material/ListItemIcon/index.js';\nimport ListItemText from '@mui/material/ListItemText/index.js';\nimport Menu from '@mui/material/Menu/index.js';\nimport MenuItem from '@mui/material/MenuItem/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { sizeStyles } from './Menubar.styles';\nimport type { MenubarItem, MenubarProps } from './Menubar.types';\n\nexport interface MenubarItemViewProps {\n  item: MenubarItem;\n  size: NonNullable<MenubarProps['size']>;\n  disabled: boolean;\n  isOpen: boolean;\n  anchorEl: HTMLElement | null;\n  onOpen: (itemId: string, anchorEl: HTMLElement) => void;\n  onActivate: (item: MenubarItem) => void;\n  onClose: () => void;\n  onFocus?: React.FocusEventHandler;\n  onBlur?: React.FocusEventHandler;\n}\n\n/** One row of an open menu: its icon, its label, and its shortcut hint. */\nconst DropdownItem: React.FC<{ child: MenubarItem; onActivate: (item: MenubarItem) => void }> = ({\n  child,\n  onActivate,\n}) =>\n  child.divider ? (\n    <Divider />\n  ) : (\n    <MenuItem onClick={() => onActivate(child)} disabled={child.disabled}>\n      {child.icon && <ListItemIcon>{child.icon}</ListItemIcon>}\n      <ListItemText>{child.label}</ListItemText>\n      {child.shortcut && (\n        <Chip\n          label={child.shortcut}\n          size=\"small\"\n          variant=\"outlined\"\n          sx={{ ml: 2, height: 20, fontSize: '0.7rem' }}\n        />\n      )}\n    </MenuItem>\n  );\n\n/**\n * A top-level menubar entry. An entry with children opens its dropdown; one\n * without acts immediately — a decision the click and keyboard paths both need,\n * so it is made once here rather than in each handler.\n */\nexport const MenubarItemView: React.FC<MenubarItemViewProps> = ({\n  item,\n  size,\n  disabled,\n  isOpen,\n  anchorEl,\n  onOpen,\n  onActivate,\n  onClose,\n  onFocus,\n  onBlur,\n}) => {\n  const theme = useTheme();\n  const hasChildren = Boolean(item.children && item.children.length > 0);\n\n  const activate = (target: HTMLElement) => {\n    if (hasChildren) {\n      onOpen(item.id, target);\n    } else {\n      onActivate(item);\n    }\n  };\n\n  return (\n    <Box>\n      <Button\n        data-testid={`menubar-button-${item.id}`}\n        onClick={(e) => activate(e.currentTarget)}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            activate(e.currentTarget);\n          }\n        }}\n        // Keeping focus on mousedown is what lets handleMenuClose return it here.\n        onMouseDown={(e) => e.preventDefault()}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        disabled={item.disabled || disabled}\n        startIcon={item.icon}\n        endIcon={hasChildren ? <KeyboardArrowDownIcon /> : null}\n        aria-haspopup={hasChildren ? 'menu' : undefined}\n        aria-expanded={hasChildren ? isOpen : undefined}\n        sx={{ color: 'inherit', textTransform: 'none', ...sizeStyles(theme, size) }}\n      >\n        {item.label}\n      </Button>\n\n      {hasChildren && (\n        <Menu\n          anchorEl={anchorEl}\n          open={isOpen}\n          onClose={onClose}\n          autoFocus\n          PaperProps={{ sx: { minWidth: 200, mt: 1 } }}\n        >\n          {item.children?.map((child) => (\n            <DropdownItem key={child.id} child={child} onActivate={onActivate} />\n          ))}\n        </Menu>\n      )}\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,2BAA2B;AAClC,OAAO,SAAS;AAChB,OAAO,YAAY;AACnB,OAAO,UAAU;AACjB,OAAO,aAAa;AACpB,OAAO,kBAAkB;AACzB,OAAO,kBAAkB;AACzB,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,SAAS,gBAAgB;AAyBrB,cAEA,YAFA;AALJ,IAAM,eAA0F,CAAC;AAAA,EAC/F;AAAA,EACA;AACF,MACE,MAAM,UACJ,oBAAC,WAAQ,IAET,qBAAC,YAAS,SAAS,MAAM,WAAW,KAAK,GAAG,UAAU,MAAM,UACzD;AAAA,QAAM,QAAQ,oBAAC,gBAAc,gBAAM,MAAK;AAAA,EACzC,oBAAC,gBAAc,gBAAM,OAAM;AAAA,EAC1B,MAAM,YACL;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,IAAI,EAAE,IAAI,GAAG,QAAQ,IAAI,UAAU,SAAS;AAAA;AAAA,EAC9C;AAAA,GAEJ;AAQG,IAAM,kBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,cAAc,QAAQ,KAAK,YAAY,KAAK,SAAS,SAAS,CAAC;AAErE,QAAM,WAAW,CAAC,WAAwB;AACxC,QAAI,aAAa;AACf,aAAO,KAAK,IAAI,MAAM;AAAA,IACxB,OAAO;AACL,iBAAW,IAAI;AAAA,IACjB;AAAA,EACF;AAEA,SACE,qBAAC,OACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,kBAAkB,KAAK,EAAE;AAAA,QACtC,SAAS,CAAC,MAAM,SAAS,EAAE,aAAa;AAAA,QACxC,WAAW,CAAC,MAAM;AAChB,cAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,cAAE,eAAe;AACjB,qBAAS,EAAE,aAAa;AAAA,UAC1B;AAAA,QACF;AAAA,QAEA,aAAa,CAAC,MAAM,EAAE,eAAe;AAAA,QACrC;AAAA,QACA;AAAA,QACA,UAAU,KAAK,YAAY;AAAA,QAC3B,WAAW,KAAK;AAAA,QAChB,SAAS,cAAc,oBAAC,yBAAsB,IAAK;AAAA,QACnD,iBAAe,cAAc,SAAS;AAAA,QACtC,iBAAe,cAAc,SAAS;AAAA,QACtC,IAAI,EAAE,OAAO,WAAW,eAAe,QAAQ,GAAG,WAAW,OAAO,IAAI,EAAE;AAAA,QAEzE,eAAK;AAAA;AAAA,IACR;AAAA,IAEC,eACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN;AAAA,QACA,WAAS;AAAA,QACT,YAAY,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,EAAE,EAAE;AAAA,QAE1C,eAAK,UAAU,IAAI,CAAC,UACnB,oBAAC,gBAA4B,OAAc,cAAxB,MAAM,EAA0C,CACpE;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/chunk-3HLKTBEO.js

@@ -0,0 +1,21 @@
+// src/en-US.utility.ts
+var EN_US_INSTALL_PROMPT_COPY = {
+  title: "Install this app",
+  installLabel: "Install",
+  dismissLabel: "Dismiss the install prompt",
+  // The two halves wrap the platform's share glyph, which the component renders
+  // between them. Splitting the sentence is what lets the icon sit inline, so
+  // the translation has to keep the same seam rather than one whole sentence.
+  iosTapBefore: "Tap",
+  iosTapAfter: 'and then "Add to Home Screen"',
+  shareLabel: "Share"
+};
+var EN_US_USER_AVATAR_COPY = {
+  signOut: "Sign out"
+};
+
+export {
+  EN_US_INSTALL_PROMPT_COPY,
+  EN_US_USER_AVATAR_COPY
+};
+//# sourceMappingURL=chunk-3HLKTBEO.js.map

package/dist/chunk-3HLKTBEO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/en-US.utility.ts"],"sourcesContent":["/**\n * The en-US pack for the utility family. Split the same way\n * `pt-BR.utility.ts` is — see `en-US.ts` for why.\n */\nimport type {\n  InstallPromptCopy,\n  UserAvatarCopy,\n} from './copy';\n\nexport const EN_US_INSTALL_PROMPT_COPY: InstallPromptCopy = {\n  title: \"Install this app\",\n  installLabel: \"Install\",\n  dismissLabel: \"Dismiss the install prompt\",\n  // The two halves wrap the platform's share glyph, which the component renders\n  // between them. Splitting the sentence is what lets the icon sit inline, so\n  // the translation has to keep the same seam rather than one whole sentence.\n  iosTapBefore: \"Tap\",\n  iosTapAfter: 'and then \"Add to Home Screen\"',\n  shareLabel: \"Share\",\n};\n\nexport const EN_US_USER_AVATAR_COPY: UserAvatarCopy = {\n  signOut: \"Sign out\",\n};\n"],"mappings":";AASO,IAAM,4BAA+C;AAAA,EAC1D,OAAO;AAAA,EACP,cAAc;AAAA,EACd,cAAc;AAAA;AAAA;AAAA;AAAA,EAId,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AACd;AAEO,IAAM,yBAAyC;AAAA,EACpD,SAAS;AACX;","names":[]}

package/dist/chunk-3HWL4AW4.js

@@ -0,0 +1,106 @@
+// src/components/data-display/Badge/Badge.variants.ts
+import { alpha } from "@mui/material/styles/index.js";
+var BADGE_VARIANTS = {
+  default: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: colorPalette.main,
+    color: colorPalette.contrastText || theme.palette.getContrastText?.(colorPalette.main) || "#fff",
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  dot: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: colorPalette.main,
+    width: sizeStyles.dotSize,
+    height: sizeStyles.dotSize,
+    minWidth: sizeStyles.dotSize,
+    borderRadius: "50%",
+    padding: 0
+  }),
+  count: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: colorPalette.main,
+    color: colorPalette.contrastText || theme.palette.getContrastText?.(colorPalette.main) || "#fff",
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: "50%"
+  }),
+  gradient: (theme, colorPalette, sizeStyles) => ({
+    background: `linear-gradient(135deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)`,
+    color: "#fff",
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  glass: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: alpha(colorPalette.main, 0.1),
+    backdropFilter: "blur(10px) saturate(200%)",
+    WebkitBackdropFilter: "blur(10px) saturate(200%)",
+    border: `1px solid ${alpha(colorPalette.main, 0.2)}`,
+    color: colorPalette.main,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2,
+    boxShadow: `inset 0 1px 1px ${alpha(theme.palette.common.white, 0.1)}`
+  }),
+  outline: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: "transparent",
+    border: `2px solid ${colorPalette.main}`,
+    color: colorPalette.main,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  secondary: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: alpha(colorPalette.main, 0.15),
+    color: colorPalette.main,
+    border: `1px solid ${alpha(colorPalette.main, 0.3)}`,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  destructive: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: theme.palette.error.main,
+    color: theme.palette.error.contrastText,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2,
+    fontWeight: 700
+  }),
+  success: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: theme.palette.success.main,
+    color: theme.palette.success.contrastText,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  }),
+  warning: (theme, colorPalette, sizeStyles) => ({
+    backgroundColor: theme.palette.warning.main,
+    color: theme.palette.warning.contrastText,
+    minWidth: sizeStyles.minWidth,
+    height: sizeStyles.height,
+    fontSize: sizeStyles.fontSize,
+    padding: sizeStyles.padding,
+    borderRadius: sizeStyles.height / 2
+  })
+};
+var badgeVariantStyles = (theme, colorPalette, sizeStyles, customVariant) => customVariant ? BADGE_VARIANTS[customVariant]?.(theme, colorPalette, sizeStyles) ?? {} : {};
+
+export {
+  badgeVariantStyles
+};
+//# sourceMappingURL=chunk-3HWL4AW4.js.map

package/dist/chunk-3HWL4AW4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Badge/Badge.variants.ts"],"sourcesContent":["import type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport { alpha } from '@mui/material/styles/index.js';\n\nimport type { BadgePalette, BadgeSizeStyles } from './Badge.styles';\n\nconst BADGE_VARIANTS: Record<\n  string,\n  (theme: Theme, colorPalette: BadgePalette, sizeStyles: BadgeSizeStyles) => CSSObject\n> = {\n  default: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: colorPalette.main,\n        color:\n          colorPalette.contrastText || theme.palette.getContrastText?.(colorPalette.main) || '#fff',\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  dot: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: colorPalette.main,\n        width: sizeStyles.dotSize,\n        height: sizeStyles.dotSize,\n        minWidth: sizeStyles.dotSize,\n        borderRadius: '50%',\n        padding: 0 }),\n  count: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: colorPalette.main,\n        color:\n          colorPalette.contrastText || theme.palette.getContrastText?.(colorPalette.main) || '#fff',\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: '50%' }),\n  gradient: (theme, colorPalette, sizeStyles) => ({\n        background: `linear-gradient(135deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)`,\n        color: '#fff',\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  glass: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: alpha(colorPalette.main, 0.1),\n        backdropFilter: 'blur(10px) saturate(200%)',\n        WebkitBackdropFilter: 'blur(10px) saturate(200%)',\n        border: `1px solid ${alpha(colorPalette.main, 0.2)}`,\n        color: colorPalette.main,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2,\n        boxShadow: `inset 0 1px 1px ${alpha(theme.palette.common.white, 0.1)}` }),\n  outline: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: 'transparent',\n        border: `2px solid ${colorPalette.main}`,\n        color: colorPalette.main,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  secondary: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: alpha(colorPalette.main, 0.15),\n        color: colorPalette.main,\n        border: `1px solid ${alpha(colorPalette.main, 0.3)}`,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  destructive: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: theme.palette.error.main,\n        color: theme.palette.error.contrastText,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2,\n        fontWeight: 700 }),\n  success: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: theme.palette.success.main,\n        color: theme.palette.success.contrastText,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }),\n  warning: (theme, colorPalette, sizeStyles) => ({\n        backgroundColor: theme.palette.warning.main,\n        color: theme.palette.warning.contrastText,\n        minWidth: sizeStyles.minWidth,\n        height: sizeStyles.height,\n        fontSize: sizeStyles.fontSize,\n        padding: sizeStyles.padding,\n        borderRadius: sizeStyles.height / 2 }) };\n\nexport const badgeVariantStyles = (\n  theme: Theme,\n  colorPalette: BadgePalette,\n  sizeStyles: BadgeSizeStyles,\n  customVariant?: string,\n): CSSObject =>\n  customVariant ? (BADGE_VARIANTS[customVariant]?.(theme, colorPalette, sizeStyles) ?? {}) : {};\n\n"],"mappings":";AACA,SAAS,aAAa;AAItB,IAAM,iBAGF;AAAA,EACF,SAAS,CAAC,OAAO,cAAc,gBAAgB;AAAA,IACzC,iBAAiB,aAAa;AAAA,IAC9B,OACE,aAAa,gBAAgB,MAAM,QAAQ,kBAAkB,aAAa,IAAI,KAAK;AAAA,IACrF,UAAU,WAAW;AAAA,IACrB,QAAQ,WAAW;AAAA,IACnB,UAAU,WAAW;AAAA,IACrB,SAAS,WAAW;AAAA,IACpB,cAAc,WAAW,SAAS;AAAA,EAAE;AAAA,EAC1C,KAAK,CAAC,OAAO,cAAc,gBAAgB;AAAA,IACrC,iBAAiB,aAAa;AAAA,IAC9B,OAAO,WAAW;AAAA,IAClB,QAAQ,WAAW;AAAA,IACnB,UAAU,WAAW;AAAA,IACrB,cAAc;AAAA,IACd,SAAS;AAAA,EAAE;AAAA,EACjB,OAAO,CAAC,OAAO,cAAc,gBAAgB;AAAA,IACvC,iBAAiB,aAAa;AAAA,IAC9B,OACE,aAAa,gBAAgB,MAAM,QAAQ,kBAAkB,aAAa,IAAI,KAAK;AAAA,IACrF,UAAU,WAAW;AAAA,IACrB,QAAQ,WAAW;AAAA,IACnB,UAAU,WAAW;AAAA,IACrB,SAAS,WAAW;AAAA,IACpB,cAAc;AAAA,EAAM;AAAA,EAC1B,UAAU,CAAC,OAAO,cAAc,gBAAgB;AAAA,IAC1C,YAAY,2BAA2B,aAAa,IAAI,QAAQ,aAAa,QAAQ,aAAa,IAAI;AAAA,IACtG,OAAO;AAAA,IACP,UAAU,WAAW;AAAA,IACrB,QAAQ,WAAW;AAAA,IACnB,UAAU,WAAW;AAAA,IACrB,SAAS,WAAW;AAAA,IACpB,cAAc,WAAW,SAAS;AAAA,EAAE;AAAA,EAC1C,OAAO,CAAC,OAAO,cAAc,gBAAgB;AAAA,IACvC,iBAAiB,MAAM,aAAa,MAAM,GAAG;AAAA,IAC7C,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,QAAQ,aAAa,MAAM,aAAa,MAAM,GAAG,CAAC;AAAA,IAClD,OAAO,aAAa;AAAA,IACpB,UAAU,WAAW;AAAA,IACrB,QAAQ,WAAW;AAAA,IACnB,UAAU,WAAW;AAAA,IACrB,SAAS,WAAW;AAAA,IACpB,cAAc,WAAW,SAAS;AAAA,IAClC,WAAW,mBAAmB,MAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,CAAC;AAAA,EAAG;AAAA,EAC7E,SAAS,CAAC,OAAO,cAAc,gBAAgB;AAAA,IACzC,iBAAiB;AAAA,IACjB,QAAQ,aAAa,aAAa,IAAI;AAAA,IACtC,OAAO,aAAa;AAAA,IACpB,UAAU,WAAW;AAAA,IACrB,QAAQ,WAAW;AAAA,IACnB,UAAU,WAAW;AAAA,IACrB,SAAS,WAAW;AAAA,IACpB,cAAc,WAAW,SAAS;AAAA,EAAE;AAAA,EAC1C,WAAW,CAAC,OAAO,cAAc,gBAAgB;AAAA,IAC3C,iBAAiB,MAAM,aAAa,MAAM,IAAI;AAAA,IAC9C,OAAO,aAAa;AAAA,IACpB,QAAQ,aAAa,MAAM,aAAa,MAAM,GAAG,CAAC;AAAA,IAClD,UAAU,WAAW;AAAA,IACrB,QAAQ,WAAW;AAAA,IACnB,UAAU,WAAW;AAAA,IACrB,SAAS,WAAW;AAAA,IACpB,cAAc,WAAW,SAAS;AAAA,EAAE;AAAA,EAC1C,aAAa,CAAC,OAAO,cAAc,gBAAgB;AAAA,IAC7C,iBAAiB,MAAM,QAAQ,MAAM;AAAA,IACrC,OAAO,MAAM,QAAQ,MAAM;AAAA,IAC3B,UAAU,WAAW;AAAA,IACrB,QAAQ,WAAW;AAAA,IACnB,UAAU,WAAW;AAAA,IACrB,SAAS,WAAW;AAAA,IACpB,cAAc,WAAW,SAAS;AAAA,IAClC,YAAY;AAAA,EAAI;AAAA,EACtB,SAAS,CAAC,OAAO,cAAc,gBAAgB;AAAA,IACzC,iBAAiB,MAAM,QAAQ,QAAQ;AAAA,IACvC,OAAO,MAAM,QAAQ,QAAQ;AAAA,IAC7B,UAAU,WAAW;AAAA,IACrB,QAAQ,WAAW;AAAA,IACnB,UAAU,WAAW;AAAA,IACrB,SAAS,WAAW;AAAA,IACpB,cAAc,WAAW,SAAS;AAAA,EAAE;AAAA,EAC1C,SAAS,CAAC,OAAO,cAAc,gBAAgB;AAAA,IACzC,iBAAiB,MAAM,QAAQ,QAAQ;AAAA,IACvC,OAAO,MAAM,QAAQ,QAAQ;AAAA,IAC7B,UAAU,WAAW;AAAA,IACrB,QAAQ,WAAW;AAAA,IACnB,UAAU,WAAW;AAAA,IACrB,SAAS,WAAW;AAAA,IACpB,cAAc,WAAW,SAAS;AAAA,EAAE;AAAG;AAExC,IAAM,qBAAqB,CAChC,OACA,cACA,YACA,kBAEA,gBAAiB,eAAe,aAAa,IAAI,OAAO,cAAc,UAAU,KAAK,CAAC,IAAK,CAAC;","names":[]}

package/dist/chunk-3JDP5OUR.js

@@ -0,0 +1,55 @@
+// src/components/form/PhoneInput/countries.ts
+var countries = [
+  { code: "US", name: "United States", dial: "+1", flag: "\u{1F1FA}\u{1F1F8}" },
+  { code: "GB", name: "United Kingdom", dial: "+44", flag: "\u{1F1EC}\u{1F1E7}" },
+  { code: "CA", name: "Canada", dial: "+1", flag: "\u{1F1E8}\u{1F1E6}" },
+  { code: "AU", name: "Australia", dial: "+61", flag: "\u{1F1E6}\u{1F1FA}" },
+  { code: "DE", name: "Germany", dial: "+49", flag: "\u{1F1E9}\u{1F1EA}" },
+  { code: "FR", name: "France", dial: "+33", flag: "\u{1F1EB}\u{1F1F7}" },
+  { code: "IT", name: "Italy", dial: "+39", flag: "\u{1F1EE}\u{1F1F9}" },
+  { code: "ES", name: "Spain", dial: "+34", flag: "\u{1F1EA}\u{1F1F8}" },
+  { code: "NL", name: "Netherlands", dial: "+31", flag: "\u{1F1F3}\u{1F1F1}" },
+  { code: "JP", name: "Japan", dial: "+81", flag: "\u{1F1EF}\u{1F1F5}" },
+  { code: "CN", name: "China", dial: "+86", flag: "\u{1F1E8}\u{1F1F3}" },
+  { code: "IN", name: "India", dial: "+91", flag: "\u{1F1EE}\u{1F1F3}" },
+  { code: "BR", name: "Brazil", dial: "+55", flag: "\u{1F1E7}\u{1F1F7}" },
+  { code: "MX", name: "Mexico", dial: "+52", flag: "\u{1F1F2}\u{1F1FD}" },
+  { code: "KR", name: "South Korea", dial: "+82", flag: "\u{1F1F0}\u{1F1F7}" },
+  { code: "SE", name: "Sweden", dial: "+46", flag: "\u{1F1F8}\u{1F1EA}" },
+  { code: "NO", name: "Norway", dial: "+47", flag: "\u{1F1F3}\u{1F1F4}" },
+  { code: "DK", name: "Denmark", dial: "+45", flag: "\u{1F1E9}\u{1F1F0}" },
+  { code: "CH", name: "Switzerland", dial: "+41", flag: "\u{1F1E8}\u{1F1ED}" },
+  { code: "AT", name: "Austria", dial: "+43", flag: "\u{1F1E6}\u{1F1F9}" },
+  { code: "BE", name: "Belgium", dial: "+32", flag: "\u{1F1E7}\u{1F1EA}" },
+  { code: "FI", name: "Finland", dial: "+358", flag: "\u{1F1EB}\u{1F1EE}" },
+  { code: "IE", name: "Ireland", dial: "+353", flag: "\u{1F1EE}\u{1F1EA}" },
+  { code: "PT", name: "Portugal", dial: "+351", flag: "\u{1F1F5}\u{1F1F9}" },
+  { code: "GR", name: "Greece", dial: "+30", flag: "\u{1F1EC}\u{1F1F7}" },
+  { code: "PL", name: "Poland", dial: "+48", flag: "\u{1F1F5}\u{1F1F1}" },
+  { code: "CZ", name: "Czech Republic", dial: "+420", flag: "\u{1F1E8}\u{1F1FF}" },
+  { code: "HU", name: "Hungary", dial: "+36", flag: "\u{1F1ED}\u{1F1FA}" },
+  { code: "RU", name: "Russia", dial: "+7", flag: "\u{1F1F7}\u{1F1FA}" },
+  { code: "ZA", name: "South Africa", dial: "+27", flag: "\u{1F1FF}\u{1F1E6}" },
+  { code: "EG", name: "Egypt", dial: "+20", flag: "\u{1F1EA}\u{1F1EC}" },
+  { code: "NG", name: "Nigeria", dial: "+234", flag: "\u{1F1F3}\u{1F1EC}" },
+  { code: "KE", name: "Kenya", dial: "+254", flag: "\u{1F1F0}\u{1F1EA}" },
+  { code: "AR", name: "Argentina", dial: "+54", flag: "\u{1F1E6}\u{1F1F7}" },
+  { code: "CL", name: "Chile", dial: "+56", flag: "\u{1F1E8}\u{1F1F1}" },
+  { code: "CO", name: "Colombia", dial: "+57", flag: "\u{1F1E8}\u{1F1F4}" },
+  { code: "PE", name: "Peru", dial: "+51", flag: "\u{1F1F5}\u{1F1EA}" },
+  { code: "MY", name: "Malaysia", dial: "+60", flag: "\u{1F1F2}\u{1F1FE}" },
+  { code: "SG", name: "Singapore", dial: "+65", flag: "\u{1F1F8}\u{1F1EC}" },
+  { code: "TH", name: "Thailand", dial: "+66", flag: "\u{1F1F9}\u{1F1ED}" },
+  { code: "VN", name: "Vietnam", dial: "+84", flag: "\u{1F1FB}\u{1F1F3}" },
+  { code: "PH", name: "Philippines", dial: "+63", flag: "\u{1F1F5}\u{1F1ED}" },
+  { code: "ID", name: "Indonesia", dial: "+62", flag: "\u{1F1EE}\u{1F1E9}" },
+  { code: "TR", name: "Turkey", dial: "+90", flag: "\u{1F1F9}\u{1F1F7}" },
+  { code: "IL", name: "Israel", dial: "+972", flag: "\u{1F1EE}\u{1F1F1}" },
+  { code: "AE", name: "United Arab Emirates", dial: "+971", flag: "\u{1F1E6}\u{1F1EA}" },
+  { code: "SA", name: "Saudi Arabia", dial: "+966", flag: "\u{1F1F8}\u{1F1E6}" }
+].sort((a, b) => a.name.localeCompare(b.name));
+
+export {
+  countries
+};
+//# sourceMappingURL=chunk-3JDP5OUR.js.map

package/dist/chunk-3JDP5OUR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/PhoneInput/countries.ts"],"sourcesContent":["import type { CountryCode } from 'libphonenumber-js';\n\nimport type { CountryData } from './PhoneInput.types';\n\n// Dial codes and flags for the countries the input offers, sorted by name.\nexport const countries: CountryData[] = [\n  { code: 'US' as CountryCode, name: 'United States', dial: '+1', flag: '🇺🇸' },\n  { code: 'GB' as CountryCode, name: 'United Kingdom', dial: '+44', flag: '🇬🇧' },\n  { code: 'CA' as CountryCode, name: 'Canada', dial: '+1', flag: '🇨🇦' },\n  { code: 'AU' as CountryCode, name: 'Australia', dial: '+61', flag: '🇦🇺' },\n  { code: 'DE' as CountryCode, name: 'Germany', dial: '+49', flag: '🇩🇪' },\n  { code: 'FR' as CountryCode, name: 'France', dial: '+33', flag: '🇫🇷' },\n  { code: 'IT' as CountryCode, name: 'Italy', dial: '+39', flag: '🇮🇹' },\n  { code: 'ES' as CountryCode, name: 'Spain', dial: '+34', flag: '🇪🇸' },\n  { code: 'NL' as CountryCode, name: 'Netherlands', dial: '+31', flag: '🇳🇱' },\n  { code: 'JP' as CountryCode, name: 'Japan', dial: '+81', flag: '🇯🇵' },\n  { code: 'CN' as CountryCode, name: 'China', dial: '+86', flag: '🇨🇳' },\n  { code: 'IN' as CountryCode, name: 'India', dial: '+91', flag: '🇮🇳' },\n  { code: 'BR' as CountryCode, name: 'Brazil', dial: '+55', flag: '🇧🇷' },\n  { code: 'MX' as CountryCode, name: 'Mexico', dial: '+52', flag: '🇲🇽' },\n  { code: 'KR' as CountryCode, name: 'South Korea', dial: '+82', flag: '🇰🇷' },\n  { code: 'SE' as CountryCode, name: 'Sweden', dial: '+46', flag: '🇸🇪' },\n  { code: 'NO' as CountryCode, name: 'Norway', dial: '+47', flag: '🇳🇴' },\n  { code: 'DK' as CountryCode, name: 'Denmark', dial: '+45', flag: '🇩🇰' },\n  { code: 'CH' as CountryCode, name: 'Switzerland', dial: '+41', flag: '🇨🇭' },\n  { code: 'AT' as CountryCode, name: 'Austria', dial: '+43', flag: '🇦🇹' },\n  { code: 'BE' as CountryCode, name: 'Belgium', dial: '+32', flag: '🇧🇪' },\n  { code: 'FI' as CountryCode, name: 'Finland', dial: '+358', flag: '🇫🇮' },\n  { code: 'IE' as CountryCode, name: 'Ireland', dial: '+353', flag: '🇮🇪' },\n  { code: 'PT' as CountryCode, name: 'Portugal', dial: '+351', flag: '🇵🇹' },\n  { code: 'GR' as CountryCode, name: 'Greece', dial: '+30', flag: '🇬🇷' },\n  { code: 'PL' as CountryCode, name: 'Poland', dial: '+48', flag: '🇵🇱' },\n  { code: 'CZ' as CountryCode, name: 'Czech Republic', dial: '+420', flag: '🇨🇿' },\n  { code: 'HU' as CountryCode, name: 'Hungary', dial: '+36', flag: '🇭🇺' },\n  { code: 'RU' as CountryCode, name: 'Russia', dial: '+7', flag: '🇷🇺' },\n  { code: 'ZA' as CountryCode, name: 'South Africa', dial: '+27', flag: '🇿🇦' },\n  { code: 'EG' as CountryCode, name: 'Egypt', dial: '+20', flag: '🇪🇬' },\n  { code: 'NG' as CountryCode, name: 'Nigeria', dial: '+234', flag: '🇳🇬' },\n  { code: 'KE' as CountryCode, name: 'Kenya', dial: '+254', flag: '🇰🇪' },\n  { code: 'AR' as CountryCode, name: 'Argentina', dial: '+54', flag: '🇦🇷' },\n  { code: 'CL' as CountryCode, name: 'Chile', dial: '+56', flag: '🇨🇱' },\n  { code: 'CO' as CountryCode, name: 'Colombia', dial: '+57', flag: '🇨🇴' },\n  { code: 'PE' as CountryCode, name: 'Peru', dial: '+51', flag: '🇵🇪' },\n  { code: 'MY' as CountryCode, name: 'Malaysia', dial: '+60', flag: '🇲🇾' },\n  { code: 'SG' as CountryCode, name: 'Singapore', dial: '+65', flag: '🇸🇬' },\n  { code: 'TH' as CountryCode, name: 'Thailand', dial: '+66', flag: '🇹🇭' },\n  { code: 'VN' as CountryCode, name: 'Vietnam', dial: '+84', flag: '🇻🇳' },\n  { code: 'PH' as CountryCode, name: 'Philippines', dial: '+63', flag: '🇵🇭' },\n  { code: 'ID' as CountryCode, name: 'Indonesia', dial: '+62', flag: '🇮🇩' },\n  { code: 'TR' as CountryCode, name: 'Turkey', dial: '+90', flag: '🇹🇷' },\n  { code: 'IL' as CountryCode, name: 'Israel', dial: '+972', flag: '🇮🇱' },\n  { code: 'AE' as CountryCode, name: 'United Arab Emirates', dial: '+971', flag: '🇦🇪' },\n  { code: 'SA' as CountryCode, name: 'Saudi Arabia', dial: '+966', flag: '🇸🇦' },\n].sort((a, b) => a.name.localeCompare(b.name));\n"],"mappings":"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","names":[]}