@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-IIUB4IOH.js

@@ -0,0 +1,237 @@
+import {
+  EN_US_TABLE_FILTER_COPY
+} from "./chunk-GRHECKHU.js";
+import {
+  EN_US_CATEGORY_SELECT_COPY,
+  EN_US_CONFIRM_ACTION_COPY,
+  EN_US_SAVED_VIEWS_LABELS
+} from "./chunk-PZS7N74L.js";
+
+// src/en-US.data-display.ts
+var EN_US_LIGHTBOX_COPY = {
+  close: "Close",
+  previous: "Previous",
+  next: "Next",
+  zoomIn: "Zoom in",
+  zoomOut: "Zoom out",
+  resetZoom: "Reset zoom",
+  play: "Start the slideshow",
+  pause: "Pause the slideshow"
+};
+var EN_US_MAP_PREVIEW_COPY = {
+  zoomIn: "Zoom in",
+  zoomOut: "Zoom out",
+  center: "Centre the map",
+  mapType: "Change the map type",
+  fullscreen: "Full screen",
+  search: "Search for an address"
+};
+var EN_US_CAROUSEL_COPY = {
+  previous: "Previous",
+  next: "Next"
+};
+var EN_US_TIMING_DIAGRAM_COPY = {
+  regionLabel: "Timing diagram",
+  heading: "Request timing"
+};
+var EN_US_DATA_STATE_COPY = {
+  empty: "Nothing here",
+  loading: "Loading\u2026",
+  endOfList: "No more items to load",
+  dismissAlert: "Dismiss",
+  dismissBanner: "Dismiss this banner"
+};
+var EN_US_DATA_VIEWS_COPY = {
+  savedViewsMenu: EN_US_SAVED_VIEWS_LABELS,
+  confirmAction: EN_US_CONFIRM_ACTION_COPY,
+  categorySelect: EN_US_CATEGORY_SELECT_COPY,
+  board: {
+    countOnPage: (label, count) => `${label}: ${count} on this page`,
+    onThisPage: (count) => `${count} on this page`,
+    pageSum: (sum) => `This page totals ${sum}`,
+    emptyColumn: "Nothing at this stage",
+    pageScopeNote: "The counts and totals below cover only the items on this page."
+  },
+  deleteView: {
+    title: "Delete view",
+    target: (viewName) => `Delete "${viewName}"?`,
+    sharedWarning: "This view is shared \u2014 the team will lose access to it.",
+    // `entityLabel` is the HOST's word for what the rows are, so the sentence is
+    // built around it rather than naming a noun of its own.
+    rowsUnaffected: (entityLabel) => `${entityLabel} are not affected; only the saved slice is removed.`,
+    confirm: "Delete view",
+    cancel: "Cancel"
+  },
+  manageViews: {
+    title: "Manage views",
+    empty: "No saved views.",
+    edit: "Edit",
+    defaultTag: "Default",
+    otherUserTag: "Another user's",
+    deleteTitle: "Delete this saved view?",
+    deleteBody: "The filters and columns it holds are lost. This cannot be undone.",
+    deleteConfirm: "Delete"
+  },
+  saveView: {
+    sharedDescription: "Anyone in the store will be able to open and use this view.",
+    setDefaultTitle: "Set as default",
+    setDefaultDescription: "This screen opens on this view instead of the Main view.",
+    previewHeading: "What this view holds",
+    previewUnchanged: "Nothing has changed \u2014 this view will match the Main view.",
+    sortRowLabel: "Sorting",
+    saveFailed: "Could not save the view.",
+    titleEditing: "Edit view",
+    titleCreating: "Save view",
+    descriptionLabel: "Description \u2014 optional",
+    descriptionPlaceholder: "What this view is for",
+    submitEditing: "Save changes",
+    submitCreating: "Save view",
+    nameLabel: "Name",
+    cancel: "Cancel",
+    pinnedTitle: "Pin to the sidebar",
+    pinnedDescription: "Appears as a shortcut in the menu, under this screen.",
+    sharedTitle: "Share with the team",
+    namePlaceholder: "e.g. Declined card payments this week",
+    previewFilters: "Filters",
+    previewHiddenColumns: "Hidden columns"
+  },
+  columns: {
+    visibleCount: (visible, total) => `${visible} of ${total} visible`,
+    reset: "Default",
+    showAll: "Show all",
+    dragHint: "Drag to reorder the columns.",
+    moveUp: (columnLabel) => `Move ${columnLabel} up`,
+    moveDown: (columnLabel) => `Move ${columnLabel} down`
+  },
+  display: {
+    sortTab: "Sort",
+    columnsTab: "Columns",
+    panelTab: "Display",
+    direction: "Direction",
+    layoutHints: {
+      table: "Comparable columns, good for scanning numbers.",
+      list: "One row per item, with the key fields.",
+      cards: "Larger blocks, good for a handful of items.",
+      board: "A column per stage, for tracking what is where."
+    },
+    densityHeadings: {
+      table: "Row height",
+      list: "Row height",
+      cards: "Cards per row",
+      board: "Column width"
+    },
+    densityLabels: {
+      table: { compact: "Low", cozy: "Medium", comfortable: "High" },
+      list: { compact: "Low", cozy: "Medium", comfortable: "High" },
+      cards: { compact: "Many", cozy: "Some", comfortable: "Few" },
+      board: { compact: "Narrow", cozy: "Medium", comfortable: "Wide" }
+    },
+    boardUnavailable: "This screen declares no stages, so it offers no board.",
+    densityUnavailableNarrow: "One card per row at this width \u2014 density returns on larger screens.",
+    trigger: "Display",
+    fieldHeading: "Field",
+    formatHeading: "Format",
+    cardZoom: "Card size"
+  },
+  export: {
+    formats: {
+      // The extension is the file's, not a word: it stays as it is written on
+      // disk in every language.
+      json: { label: "JSON (.json)", hint: "For integrations" }
+    },
+    visibleColumns: (columnCount) => `${columnCount} visible columns, in their current order`,
+    trigger: "Export",
+    triggerLabel: "Export"
+  },
+  tableFilter: EN_US_TABLE_FILTER_COPY,
+  grid: {
+    rowActions: "Actions",
+    bulkActions: (selectedCount) => `Actions (${selectedCount}) \u25BE`,
+    emptyFilteredTitle: "No results for these filters",
+    emptyFilteredHint: "Adjust or remove the filters.",
+    emptyFilteredAction: "Clear filters"
+  },
+  filters: {
+    moreFilters: (count) => `More filters: ${count} did not fit in the bar`,
+    moreFiltersApplied: (count, appliedCount) => `More filters: ${count} did not fit in the bar, ${appliedCount} applied`,
+    moreTriggerLabel: "More",
+    moreHeading: "More filters",
+    overflowNote: "did not fit in the bar",
+    rangeEnd: "To",
+    rangeInvalid: "The start must be earlier than the end.",
+    rangeInclusiveNote: "Both dates are included in the result.",
+    rangeStart: "From",
+    // The mask is what the reader TYPES, so it follows their own date order
+    // rather than being carried over. A translated label above an unchanged
+    // mask is the shape that gets a date entered backwards.
+    dayMask: "mm/dd/yyyy",
+    clearAllFilters: "Clear all filters",
+    // The KEYS are the package's own preset ids and stay as they are — the
+    // surface matches on them. Only the labels beside them are words.
+    rangePresets: {
+      hoje: "Today",
+      ontem: "Yesterday",
+      semana: "This week",
+      mes: "This month",
+      ano: "This year"
+    },
+    scopesLabel: "Status",
+    panelTitle: "Filters",
+    clear: "Clear",
+    clearAll: "Clear filters",
+    clearRange: (label) => `Clear ${label}`,
+    allOption: "All",
+    optionSearchPlaceholder: "Search\u2026",
+    optionsEmpty: "No results",
+    optionsHeading: "Options"
+  },
+  selection: {
+    selectAllOnPage: "Select all on this page",
+    clearSelection: "Clear selection",
+    selectAll: "Select all",
+    onThisPage: (count) => `${count} on this page`,
+    selectRow: "Select",
+    expandRow: "Expand details",
+    collapseRow: "Collapse details"
+  },
+  nav: {
+    mainView: "Main view",
+    defaultTag: "Default",
+    viewOptions: (viewName) => `${viewName} options`,
+    emptyHint: "No saved views. Adjust filters, columns or sorting and save below.",
+    setDefault: "Set as default",
+    deleteView: "Delete view",
+    unsavedChanges: "Unsaved changes",
+    label: "View",
+    update: "Update view",
+    save: "Save view",
+    saveAs: "Save as new",
+    reset: "Reset",
+    updateFailed: "Could not update the view",
+    dismissError: "Dismiss",
+    goBack: "Back",
+    pageSize: "Show:",
+    saveFailed: "Could not save the change to the view.",
+    editView: "Rename and edit",
+    pinToSidebar: "Pin to the sidebar",
+    shareWithTeam: "Share with the team"
+  },
+  search: {
+    placeholder: "Search\u2026",
+    allColumnsLabel: "Search every column",
+    keywordPlaceholder: "Press Enter to filter",
+    open: "Search",
+    close: "Close search",
+    clear: "Clear search"
+  }
+};
+
+export {
+  EN_US_LIGHTBOX_COPY,
+  EN_US_MAP_PREVIEW_COPY,
+  EN_US_CAROUSEL_COPY,
+  EN_US_TIMING_DIAGRAM_COPY,
+  EN_US_DATA_STATE_COPY,
+  EN_US_DATA_VIEWS_COPY
+};
+//# sourceMappingURL=chunk-IIUB4IOH.js.map

package/dist/chunk-IIUB4IOH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/en-US.data-display.ts"],"sourcesContent":["/**\n * The en-US pack for the data-display family. Split the same way\n * `pt-BR.data-display.ts` is — see `en-US.ts` for why.\n */\nimport type { DataViewsCopy } from \"./components/data-display/DataViews/data-views-copy\";\nimport type {\n  CarouselCopy,\n  DataStateCopy,\n  LightboxCopy,\n  MapPreviewCopy,\n  TimingDiagramCopy,\n} from './copy';\nimport { EN_US_TABLE_FILTER_COPY } from './en-US.layout';\nimport {\n  EN_US_CATEGORY_SELECT_COPY,\n  EN_US_CONFIRM_ACTION_COPY,\n  EN_US_SAVED_VIEWS_LABELS,\n} from './en-US.shared';\n\nexport const EN_US_LIGHTBOX_COPY: LightboxCopy = {\n  close: \"Close\",\n  previous: \"Previous\",\n  next: \"Next\",\n  zoomIn: \"Zoom in\",\n  zoomOut: \"Zoom out\",\n  resetZoom: \"Reset zoom\",\n  play: \"Start the slideshow\",\n  pause: \"Pause the slideshow\",\n};\n\nexport const EN_US_MAP_PREVIEW_COPY: MapPreviewCopy = {\n  zoomIn: \"Zoom in\",\n  zoomOut: \"Zoom out\",\n  center: \"Centre the map\",\n  mapType: \"Change the map type\",\n  fullscreen: \"Full screen\",\n  search: \"Search for an address\",\n};\n\nexport const EN_US_CAROUSEL_COPY: CarouselCopy = {\n  previous: \"Previous\",\n  next: \"Next\",\n};\n\nexport const EN_US_TIMING_DIAGRAM_COPY: TimingDiagramCopy = {\n  regionLabel: \"Timing diagram\",\n  heading: \"Request timing\",\n};\n\nexport const EN_US_DATA_STATE_COPY: DataStateCopy = {\n  empty: \"Nothing here\",\n  loading: \"Loading…\",\n  endOfList: \"No more items to load\",\n  dismissAlert: \"Dismiss\",\n  dismissBanner: \"Dismiss this banner\",\n};\n\nexport const EN_US_DATA_VIEWS_COPY: DataViewsCopy = {\n  savedViewsMenu: EN_US_SAVED_VIEWS_LABELS,\n  confirmAction: EN_US_CONFIRM_ACTION_COPY,\n  categorySelect: EN_US_CATEGORY_SELECT_COPY,\n  board: {\n    countOnPage: (label, count) => `${label}: ${count} on this page`,\n    onThisPage: (count) => `${count} on this page`,\n    pageSum: (sum) => `This page totals ${sum}`,\n    emptyColumn: \"Nothing at this stage\",\n    pageScopeNote: \"The counts and totals below cover only the items on this page.\",\n  },\n  deleteView: {\n    title: \"Delete view\",\n    target: (viewName) => `Delete \"${viewName}\"?`,\n    sharedWarning: \"This view is shared — the team will lose access to it.\",\n    // `entityLabel` is the HOST's word for what the rows are, so the sentence is\n    // built around it rather than naming a noun of its own.\n    rowsUnaffected: (entityLabel) =>\n      `${entityLabel} are not affected; only the saved slice is removed.`,\n    confirm: \"Delete view\",\n    cancel: \"Cancel\",\n  },\n  manageViews: {\n    title: \"Manage views\",\n    empty: \"No saved views.\",\n    edit: \"Edit\",\n    defaultTag: \"Default\",\n    otherUserTag: \"Another user's\",\n    deleteTitle: \"Delete this saved view?\",\n    deleteBody: \"The filters and columns it holds are lost. This cannot be undone.\",\n    deleteConfirm: \"Delete\",\n  },\n  saveView: {\n    sharedDescription: \"Anyone in the store will be able to open and use this view.\",\n    setDefaultTitle: \"Set as default\",\n    setDefaultDescription: \"This screen opens on this view instead of the Main view.\",\n    previewHeading: \"What this view holds\",\n    previewUnchanged: \"Nothing has changed — this view will match the Main view.\",\n    sortRowLabel: \"Sorting\",\n    saveFailed: \"Could not save the view.\",\n    titleEditing: \"Edit view\",\n    titleCreating: \"Save view\",\n    descriptionLabel: \"Description — optional\",\n    descriptionPlaceholder: \"What this view is for\",\n    submitEditing: \"Save changes\",\n    submitCreating: \"Save view\",\n    nameLabel: \"Name\",\n    cancel: \"Cancel\",\n    pinnedTitle: \"Pin to the sidebar\",\n    pinnedDescription: \"Appears as a shortcut in the menu, under this screen.\",\n    sharedTitle: \"Share with the team\",\n    namePlaceholder: \"e.g. Declined card payments this week\",\n    previewFilters: \"Filters\",\n    previewHiddenColumns: \"Hidden columns\",\n  },\n  columns: {\n    visibleCount: (visible, total) => `${visible} of ${total} visible`,\n    reset: \"Default\",\n    showAll: \"Show all\",\n    dragHint: \"Drag to reorder the columns.\",\n    moveUp: (columnLabel) => `Move ${columnLabel} up`,\n    moveDown: (columnLabel) => `Move ${columnLabel} down`,\n  },\n  display: {\n    sortTab: \"Sort\",\n    columnsTab: \"Columns\",\n    panelTab: \"Display\",\n    direction: \"Direction\",\n    layoutHints: {\n      table: \"Comparable columns, good for scanning numbers.\",\n      list: \"One row per item, with the key fields.\",\n      cards: \"Larger blocks, good for a handful of items.\",\n      board: \"A column per stage, for tracking what is where.\",\n    },\n    densityHeadings: {\n      table: \"Row height\",\n      list: \"Row height\",\n      cards: \"Cards per row\",\n      board: \"Column width\",\n    },\n    densityLabels: {\n      table: { compact: \"Low\", cozy: \"Medium\", comfortable: \"High\" },\n      list: { compact: \"Low\", cozy: \"Medium\", comfortable: \"High\" },\n      cards: { compact: \"Many\", cozy: \"Some\", comfortable: \"Few\" },\n      board: { compact: \"Narrow\", cozy: \"Medium\", comfortable: \"Wide\" },\n    },\n    boardUnavailable: \"This screen declares no stages, so it offers no board.\",\n    densityUnavailableNarrow:\n      \"One card per row at this width — density returns on larger screens.\",\n    trigger: \"Display\",\n    fieldHeading: \"Field\",\n    formatHeading: \"Format\",\n    cardZoom: \"Card size\",\n  },\n  export: {\n    formats: {\n      // The extension is the file's, not a word: it stays as it is written on\n      // disk in every language.\n      json: { label: \"JSON (.json)\", hint: \"For integrations\" },\n    },\n    visibleColumns: (columnCount) => `${columnCount} visible columns, in their current order`,\n    trigger: \"Export\",\n    triggerLabel: \"Export\",\n  },\n  tableFilter: EN_US_TABLE_FILTER_COPY,\n  grid: {\n    rowActions: \"Actions\",\n    bulkActions: (selectedCount) => `Actions (${selectedCount}) ▾`,\n    emptyFilteredTitle: \"No results for these filters\",\n    emptyFilteredHint: \"Adjust or remove the filters.\",\n    emptyFilteredAction: \"Clear filters\",\n  },\n  filters: {\n    moreFilters: (count) => `More filters: ${count} did not fit in the bar`,\n    moreFiltersApplied: (count, appliedCount) =>\n      `More filters: ${count} did not fit in the bar, ${appliedCount} applied`,\n    moreTriggerLabel: \"More\",\n    moreHeading: \"More filters\",\n    overflowNote: \"did not fit in the bar\",\n    rangeEnd: \"To\",\n    rangeInvalid: \"The start must be earlier than the end.\",\n    rangeInclusiveNote: \"Both dates are included in the result.\",\n    rangeStart: \"From\",\n    // The mask is what the reader TYPES, so it follows their own date order\n    // rather than being carried over. A translated label above an unchanged\n    // mask is the shape that gets a date entered backwards.\n    dayMask: \"mm/dd/yyyy\",\n    clearAllFilters: \"Clear all filters\",\n    // The KEYS are the package's own preset ids and stay as they are — the\n    // surface matches on them. Only the labels beside them are words.\n    rangePresets: {\n      hoje: \"Today\",\n      ontem: \"Yesterday\",\n      semana: \"This week\",\n      mes: \"This month\",\n      ano: \"This year\",\n    },\n    scopesLabel: \"Status\",\n    panelTitle: \"Filters\",\n    clear: \"Clear\",\n    clearAll: \"Clear filters\",\n    clearRange: (label) => `Clear ${label}`,\n    allOption: \"All\",\n    optionSearchPlaceholder: \"Search…\",\n    optionsEmpty: \"No results\",\n    optionsHeading: \"Options\",\n  },\n  selection: {\n    selectAllOnPage: \"Select all on this page\",\n    clearSelection: \"Clear selection\",\n    selectAll: \"Select all\",\n    onThisPage: (count) => `${count} on this page`,\n    selectRow: \"Select\",\n    expandRow: \"Expand details\",\n    collapseRow: \"Collapse details\",\n  },\n  nav: {\n    mainView: \"Main view\",\n    defaultTag: \"Default\",\n    viewOptions: (viewName) => `${viewName} options`,\n    emptyHint: \"No saved views. Adjust filters, columns or sorting and save below.\",\n    setDefault: \"Set as default\",\n    deleteView: \"Delete view\",\n    unsavedChanges: \"Unsaved changes\",\n    label: \"View\",\n    update: \"Update view\",\n    save: \"Save view\",\n    saveAs: \"Save as new\",\n    reset: \"Reset\",\n    updateFailed: \"Could not update the view\",\n    dismissError: \"Dismiss\",\n    goBack: \"Back\",\n    pageSize: \"Show:\",\n    saveFailed: \"Could not save the change to the view.\",\n    editView: \"Rename and edit\",\n    pinToSidebar: \"Pin to the sidebar\",\n    shareWithTeam: \"Share with the team\",\n  },\n  search: {\n    placeholder: \"Search…\",\n    allColumnsLabel: \"Search every column\",\n    keywordPlaceholder: \"Press Enter to filter\",\n    open: \"Search\",\n    close: \"Close search\",\n    clear: \"Clear search\",\n  },\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-IJ6Q7LXQ.js

@@ -0,0 +1,264 @@
+import {
+  ColumnsTab
+} from "./chunk-J3FNTWIG.js";
+import {
+  DisplayTab,
+  SortTab
+} from "./chunk-RATVTIZN.js";
+import {
+  ViewActions,
+  ViewFooter,
+  ViewHeader,
+  ViewsList
+} from "./chunk-LHTSYQIW.js";
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  Box
+} from "./chunk-34DQAXL2.js";
+import {
+  Button
+} from "./chunk-GD7HXHOT.js";
+
+// src/components/data-display/DataViews/data-views-display-panel.tsx
+import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
+import DisplaySettingsRoundedIcon from "@mui/icons-material/DisplaySettingsRounded";
+import { Popover } from "@mui/material";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function displayTabs(copy) {
+  return [
+    { key: "sort", label: copy.display.sortTab },
+    { key: "columns", label: copy.display.columnsTab },
+    { key: "display", label: copy.display.panelTab }
+  ];
+}
+function PanelTabs({
+  tab,
+  onChange,
+  muted,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 0.5, p: 0.75, bgcolor: "action.hover", borderBottom: 1, borderColor: "divider" }, children: displayTabs(copy).map((entry) => {
+    const active = tab === entry.key && !muted;
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: "button",
+        type: "button",
+        onClick: () => onChange(entry.key),
+        "data-testid": `${testIdPrefix}-display-tab-${entry.key}`,
+        "aria-current": active,
+        sx: {
+          flex: 1,
+          px: 1,
+          py: 0.75,
+          border: 0,
+          borderRadius: 1,
+          cursor: "pointer",
+          font: "inherit",
+          fontSize: "0.8125rem",
+          bgcolor: active ? "background.paper" : "transparent",
+          boxShadow: active ? 1 : 0,
+          fontWeight: active ? 600 : 400,
+          color: active ? "text.primary" : "text.secondary"
+        },
+        children: entry.label
+      },
+      entry.key
+    );
+  }) });
+}
+function PanelBody({
+  tab,
+  c,
+  sortKinds,
+  testIdPrefix
+}) {
+  if (tab === "sort") {
+    return /* @__PURE__ */ jsx(
+      SortTab,
+      {
+        fields: c.resolvedSortFields,
+        activeField: c.activeSortField,
+        activeOrder: c.activeSortOrder,
+        onChange: (field, order) => c.patch({ sortBy: [{ id: field, dir: order }] }),
+        sortKinds,
+        testIdPrefix
+      }
+    );
+  }
+  if (tab === "columns") {
+    return /* @__PURE__ */ jsx(
+      ColumnsTab,
+      {
+        columns: c.hideableColumns,
+        order: c.columnOrder,
+        visibleColumns: c.state.visibleColumns,
+        onToggle: c.toggleColumn,
+        onReorder: (order) => c.patch({ order }),
+        onShowAll: () => c.patch({ visibleColumns: c.columnOrder }),
+        onReset: () => c.patch({ visibleColumns: c.columnOrder, order: void 0 }),
+        testIdPrefix
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(DisplayTab, { testIdPrefix });
+}
+function PanelSurface({
+  c,
+  view,
+  nav,
+  tab,
+  onTab,
+  viewsOpen,
+  onToggleViews,
+  actionsFor,
+  onOpenActions,
+  onBack,
+  sortKinds,
+  onDone,
+  testIdPrefix
+}) {
+  return /* @__PURE__ */ jsxs(Box, { "data-testid": `${testIdPrefix}-display-panel`, children: [
+    view && /* @__PURE__ */ jsx(
+      ViewHeader,
+      {
+        view,
+        open: viewsOpen,
+        onToggle: onToggleViews,
+        testIdPrefix
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PanelTabs,
+      {
+        tab,
+        onChange: onTab,
+        muted: Boolean(nav),
+        testIdPrefix
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { sx: { maxHeight: 320, minHeight: 220, overflowY: "auto" }, children: nav ? /* @__PURE__ */ jsx(
+      ViewsBody,
+      {
+        nav,
+        actionsFor,
+        onOpenActions,
+        onBack,
+        testIdPrefix
+      }
+    ) : /* @__PURE__ */ jsx(PanelBody, { tab, c, sortKinds, testIdPrefix }) }),
+    view && /* @__PURE__ */ jsx(ViewFooter, { view, onDone, testIdPrefix })
+  ] });
+}
+function ViewsBody({
+  nav,
+  actionsFor,
+  onOpenActions,
+  onBack,
+  testIdPrefix
+}) {
+  const live = actionsFor ? nav.views.find((view) => view.id === actionsFor.id) : void 0;
+  if (live) {
+    return /* @__PURE__ */ jsx(ViewActions, { view: live, handlers: nav, onBack, testIdPrefix });
+  }
+  return /* @__PURE__ */ jsx(ViewsList, { handlers: nav, onOpenActions, testIdPrefix });
+}
+function DisplayTrigger({
+  dirty,
+  compact,
+  onOpen,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "outline",
+      size: "sm",
+      color: "neutral",
+      onClick: (event) => onOpen(event.currentTarget),
+      dataTestId: `${testIdPrefix}-display-trigger`,
+      "aria-label": copy.display.trigger,
+      title: compact ? copy.display.trigger : void 0,
+      children: /* @__PURE__ */ jsxs(Box, { component: "span", sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: [
+        /* @__PURE__ */ jsx(DisplaySettingsRoundedIcon, { fontSize: "small" }),
+        !compact && /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: { xs: "none", sm: "inline" } }, children: copy.display.trigger }),
+        dirty && /* @__PURE__ */ jsx(Box, { component: "span", sx: { height: 6, width: 6, borderRadius: "50%", bgcolor: "primary.main" } }),
+        !compact && /* @__PURE__ */ jsx(KeyboardArrowDownRoundedIcon, { fontSize: "small" })
+      ] })
+    }
+  );
+}
+function DataViewsDisplayPanel({
+  c,
+  testIdPrefix,
+  sortKinds,
+  view,
+  compact
+}) {
+  const [anchor, setAnchor] = useState(null);
+  const [tab, setTab] = useState("columns");
+  const [viewsOpen, setViewsOpen] = useState(false);
+  const [actionsFor, setActionsFor] = useState(null);
+  const nav = viewsOpen ? view?.nav : void 0;
+  const close = () => setAnchor(null);
+  const leaveViews = () => {
+    setViewsOpen(false);
+    setActionsFor(null);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      DisplayTrigger,
+      {
+        dirty: Boolean(view?.dirty),
+        compact: Boolean(compact),
+        onOpen: setAnchor,
+        testIdPrefix
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Popover,
+      {
+        open: Boolean(anchor),
+        anchorEl: anchor,
+        onClose: close,
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        transformOrigin: { vertical: "top", horizontal: "right" },
+        slotProps: { paper: { sx: { width: 320, maxWidth: "calc(100vw - 32px)" } } },
+        children: /* @__PURE__ */ jsx(
+          PanelSurface,
+          {
+            c,
+            view,
+            nav,
+            tab,
+            onTab: (next) => {
+              setTab(next);
+              leaveViews();
+            },
+            viewsOpen,
+            onToggleViews: () => {
+              setViewsOpen((prev) => !prev);
+              setActionsFor(null);
+            },
+            actionsFor,
+            onOpenActions: setActionsFor,
+            onBack: () => setActionsFor(null),
+            sortKinds,
+            onDone: close,
+            testIdPrefix
+          }
+        )
+      }
+    )
+  ] });
+}
+
+export {
+  DataViewsDisplayPanel
+};
+//# sourceMappingURL=chunk-IJ6Q7LXQ.js.map

package/dist/chunk-IJ6Q7LXQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-display-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DataViewsCopy } from \"./data-views-copy\";\nimport KeyboardArrowDownRoundedIcon from \"@mui/icons-material/KeyboardArrowDownRounded\";\n// Says \"display settings\" rather than the generic tune sliders it used to\n// share with the \"Mais\" FILTER trigger — see the note there.\nimport DisplaySettingsRoundedIcon from \"@mui/icons-material/DisplaySettingsRounded\";\nimport { Popover } from \"@mui/material\";\nimport { useState } from \"react\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Button } from \"../../form/Button\";\nimport { Box } from \"../../../mui/Box\";\n\nimport { ColumnsTab } from \"./data-views-columns-tab\";\nimport {\n  ViewActions,\n  ViewFooter,\n  ViewHeader,\n  ViewsList,\n  type ViewNavHandlers,\n} from \"./data-views-view-nav\";\nimport type { SavedViewSummary } from \"./data-views-types\";\nimport { DisplayTab, SortTab } from \"./data-views-display-tabs\";\nimport type { DataViewsController } from \"./use-data-views-state\";\n\n/**\n * \"EXIBIR\" — one panel for every question about how the list is READ.\n *\n * Sort, columns and format used to be three separate toolbar dropdowns, which\n * asked the operator to already know which one held what. They are one decision\n * (\"how do I want to read this?\") so they are one control with three tabs.\n *\n * A view BRACKETS the panel: its name pinned at the top, the save actions\n * pinned at the bottom, both visible on every tab — so a change made in Colunas\n * is one glance away from the button that saves it. A separate \"Visão\" button\n * in the toolbar would be the same concept twice, in two places, disagreeing\n * about whether there are unsaved changes.\n */\n\n/** Which tab is showing. `columns` first: it is what an operator opens this for. */\ntype DisplayTabKey = \"sort\" | \"columns\" | \"display\";\n\nfunction displayTabs(copy: DataViewsCopy): { key: DisplayTabKey; label: string }[] {\n  return [\n    { key: \"sort\", label: copy.display.sortTab },\n    { key: \"columns\", label: copy.display.columnsTab },\n    { key: \"display\", label: copy.display.panelTab },\n  ];\n}\n\n/** The saved-view chrome the panel brackets its tabs with, when a host supplies it. */\nexport interface DisplayPanelView {\n  /** The applied view's name, or undefined for the built-in \"Visão principal\". */\n  activeViewName?: string;\n  /** True when the live state differs from the applied view (or from pristine). */\n  dirty: boolean;\n  /** Restore the applied view (or the pristine default) — discards local changes. */\n  onReset: () => void;\n  /** Persist the live state over the applied view. Absent ⇒ no update affordance. */\n  onUpdate?: () => void;\n  /** Persist the live state as a NEW view. */\n  onSaveAs: () => void;\n  /**\n   * The saved views themselves, rendered INLINE in this panel's body when the\n   * VISÃO header is opened — not as a dropdown of their own. The panel stays\n   * data-free: the host owns the views and every mutation, this only decides\n   * where they appear.\n   */\n  nav?: ViewNavHandlers;\n}\n\ninterface DisplayPanelProps<T extends Record<string, unknown>> {\n  c: DataViewsController<T>;\n  testIdPrefix: string;\n  /** Per-sort-field value kind, so directions read in the column's own terms. */\n  sortKinds?: Record<string, string>;\n  view?: DisplayPanelView;\n  /** Icon only — step 2 of the toolbar's measured degradation ladder. */\n  compact?: boolean;\n}\n\n/** The tab strip inside the panel. */\nfunction PanelTabs({\n  tab,\n  onChange,\n  muted,\n  testIdPrefix,\n}: {\n  tab: DisplayTabKey;\n  onChange: (tab: DisplayTabKey) => void;\n  /** The views own the body — no tab is showing, so none reads as selected. */\n  muted?: boolean;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box sx={{ display: \"flex\", gap: 0.5, p: 0.75, bgcolor: \"action.hover\", borderBottom: 1, borderColor: \"divider\" }}>\n      {displayTabs(copy).map((entry) => {\n        const active = tab === entry.key && !muted;\n        return (\n        <Box\n          key={entry.key}\n          component=\"button\"\n          type=\"button\"\n          onClick={() => onChange(entry.key)}\n          data-testid={`${testIdPrefix}-display-tab-${entry.key}`}\n          aria-current={active}\n          sx={{\n            flex: 1,\n            px: 1,\n            py: 0.75,\n            border: 0,\n            borderRadius: 1,\n            cursor: \"pointer\",\n            font: \"inherit\",\n            fontSize: \"0.8125rem\",\n            bgcolor: active ? \"background.paper\" : \"transparent\",\n            boxShadow: active ? 1 : 0,\n            fontWeight: active ? 600 : 400,\n            color: active ? \"text.primary\" : \"text.secondary\",\n          }}\n        >\n          {entry.label}\n        </Box>\n        );\n      })}\n    </Box>\n  );\n}\n\n/** The active tab's body. */\nfunction PanelBody<T extends Record<string, unknown>>({\n  tab,\n  c,\n  sortKinds,\n  testIdPrefix,\n}: {\n  tab: DisplayTabKey;\n  c: DataViewsController<T>;\n  sortKinds?: Record<string, string>;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  if (tab === \"sort\") {\n    return (\n      <SortTab\n        fields={c.resolvedSortFields}\n        activeField={c.activeSortField}\n        activeOrder={c.activeSortOrder}\n        onChange={(field, order) => c.patch({ sortBy: [{ id: field, dir: order }] })}\n        sortKinds={sortKinds}\n        testIdPrefix={testIdPrefix}\n      />\n    );\n  }\n  if (tab === \"columns\") {\n    return (\n      <ColumnsTab\n        columns={c.hideableColumns}\n        order={c.columnOrder}\n        visibleColumns={c.state.visibleColumns}\n        onToggle={c.toggleColumn}\n        onReorder={(order) => c.patch({ order })}\n        onShowAll={() => c.patch({ visibleColumns: c.columnOrder })}\n        // \"Padrão\" restores BOTH: the declared order and every column visible.\n        onReset={() => c.patch({ visibleColumns: c.columnOrder, order: undefined })}\n        testIdPrefix={testIdPrefix}\n      />\n    );\n  }\n  return <DisplayTab testIdPrefix={testIdPrefix} />;\n}\n\n/** Everything inside the popover: VISÃO header, tabs, body, save footer. */\nfunction PanelSurface<T extends Record<string, unknown>>({\n  c, view, nav, tab, onTab, viewsOpen, onToggleViews, actionsFor, onOpenActions,\n  onBack, sortKinds, onDone, testIdPrefix,\n}: {\n  c: DataViewsController<T>;\n  view?: DisplayPanelView;\n  nav?: ViewNavHandlers;\n  tab: DisplayTabKey;\n  onTab: (tab: DisplayTabKey) => void;\n  viewsOpen: boolean;\n  onToggleViews: () => void;\n  actionsFor: SavedViewSummary | null;\n  onOpenActions: (view: SavedViewSummary) => void;\n  onBack: () => void;\n  sortKinds?: Record<string, string>;\n  onDone: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  return (\n    <Box data-testid={`${testIdPrefix}-display-panel`}>\n          {view && (\n            <ViewHeader\n              view={view}\n              open={viewsOpen}\n              onToggle={onToggleViews}\n              testIdPrefix={testIdPrefix}\n            />\n          )}\n          <PanelTabs\n            tab={tab}\n            onChange={onTab}\n            muted={Boolean(nav)}\n            testIdPrefix={testIdPrefix}\n          />\n          {/* Constrained + scrolled: the columns list is unbounded, and a panel\n              taller than the viewport puts its own save button off screen. */}\n          <Box sx={{ maxHeight: 320, minHeight: 220, overflowY: \"auto\" }}>\n            {nav ? (\n              <ViewsBody\n                nav={nav}\n                actionsFor={actionsFor}\n                onOpenActions={onOpenActions}\n                onBack={onBack}\n                testIdPrefix={testIdPrefix}\n              />\n            ) : (\n              <PanelBody tab={tab} c={c} sortKinds={sortKinds} testIdPrefix={testIdPrefix} />\n            )}\n          </Box>\n          {view && <ViewFooter view={view} onDone={onDone} testIdPrefix={testIdPrefix} />}\n    </Box>\n  );\n}\n\n\n/** The views as the panel's body: the list, or one view's actions. */\nfunction ViewsBody({\n  nav,\n  actionsFor,\n  onOpenActions,\n  onBack,\n  testIdPrefix,\n}: {\n  nav: ViewNavHandlers;\n  actionsFor: SavedViewSummary | null;\n  onOpenActions: (view: SavedViewSummary) => void;\n  onBack: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  // Resolve against the LIVE list, not the object captured when the kebab was\n  // clicked: toggling \"Fixar\" or \"Compartilhar\" replaces the view in `views`,\n  // and a held snapshot would keep showing the state from before the click.\n  const live = actionsFor ? nav.views.find((view) => view.id === actionsFor.id) : undefined;\n  if (live) {\n    return <ViewActions view={live} handlers={nav} onBack={onBack} testIdPrefix={testIdPrefix} />;\n  }\n  return <ViewsList handlers={nav} onOpenActions={onOpenActions} testIdPrefix={testIdPrefix} />;\n}\n\n/** The \"Exibir\" button, with the dot that says the view has unsaved changes. */\nfunction DisplayTrigger({\n  dirty,\n  compact,\n  onOpen,\n  testIdPrefix,\n}: {\n  dirty: boolean;\n  compact: boolean;\n  onOpen: (anchor: HTMLElement) => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      color=\"neutral\"\n      onClick={(event) => onOpen(event.currentTarget as HTMLElement)}\n      dataTestId={`${testIdPrefix}-display-trigger`}\n      aria-label={copy.display.trigger}\n      title={compact ? copy.display.trigger : undefined}\n    >\n      <Box component=\"span\" sx={{ display: \"inline-flex\", alignItems: \"center\", gap: 0.5 }}>\n        <DisplaySettingsRoundedIcon fontSize=\"small\" />\n        {!compact && (\n          <Box component=\"span\" sx={{ display: { xs: \"none\", sm: \"inline\" } }}>\n            {copy.display.trigger}\n          </Box>\n        )}\n        {dirty && (\n          <Box component=\"span\" sx={{ height: 6, width: 6, borderRadius: \"50%\", bgcolor: \"primary.main\" }} />\n        )}\n        {/* The chevron goes with the label. Once the control is a bare icon it\n            is already unmistakably a button, and on the rung where that happens\n            the ~24px it costs is the difference between a row that fits and one\n            that scrolls. */}\n        {!compact && <KeyboardArrowDownRoundedIcon fontSize=\"small\" />}\n      </Box>\n    </Button>\n  );\n}\n\n/**\n * The toolbar's \"Exibir\" control: one button, one popover, three tabs, and the\n * view bracketing all of it.\n */\nexport function DataViewsDisplayPanel<T extends Record<string, unknown>>({\n  c,\n  testIdPrefix,\n  sortKinds,\n  view,\n  compact,\n}: DisplayPanelProps<T>): React.JSX.Element {\n  const [anchor, setAnchor] = useState<HTMLElement | null>(null);\n  const [tab, setTab] = useState<DisplayTabKey>(\"columns\");\n  // The views REPLACE the tab body rather than opening over it — see\n  // `data-views-view-nav`. `actionsFor` is the second level of that drill-down.\n  const [viewsOpen, setViewsOpen] = useState(false);\n  const [actionsFor, setActionsFor] = useState<SavedViewSummary | null>(null);\n  // Non-null only while the views are the body — the one place that decides\n  // whether this panel is showing tabs or views.\n  const nav = viewsOpen ? view?.nav : undefined;\n  const close = (): void => setAnchor(null);\n  const leaveViews = (): void => {\n    setViewsOpen(false);\n    setActionsFor(null);\n  };\n  return (\n    <>\n      <DisplayTrigger\n        dirty={Boolean(view?.dirty)}\n        compact={Boolean(compact)}\n        onOpen={setAnchor}\n        testIdPrefix={testIdPrefix}\n      />\n      <Popover\n        open={Boolean(anchor)}\n        anchorEl={anchor}\n        onClose={close}\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"right\" }}\n        transformOrigin={{ vertical: \"top\", horizontal: \"right\" }}\n        slotProps={{ paper: { sx: { width: 320, maxWidth: \"calc(100vw - 32px)\" } } }}\n      >\n        <PanelSurface\n          c={c}\n          view={view}\n          nav={nav}\n          tab={tab}\n          onTab={(next) => {\n            setTab(next);\n            leaveViews();\n          }}\n          viewsOpen={viewsOpen}\n          onToggleViews={() => {\n            setViewsOpen((prev) => !prev);\n            setActionsFor(null);\n          }}\n          actionsFor={actionsFor}\n          onOpenActions={setActionsFor}\n          onBack={() => setActionsFor(null)}\n          sortKinds={sortKinds}\n          onDone={close}\n          testIdPrefix={testIdPrefix}\n        />\n      </Popover>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGA,OAAO,kCAAkC;AAGzC,OAAO,gCAAgC;AACvC,SAAS,eAAe;AACxB,SAAS,gBAAgB;AA6FjB,SA6NJ,UA7NI,KA4FJ,YA5FI;AA1DR,SAAS,YAAY,MAA8D;AACjF,SAAO;AAAA,IACL,EAAE,KAAK,QAAQ,OAAO,KAAK,QAAQ,QAAQ;AAAA,IAC3C,EAAE,KAAK,WAAW,OAAO,KAAK,QAAQ,WAAW;AAAA,IACjD,EAAE,KAAK,WAAW,OAAO,KAAK,QAAQ,SAAS;AAAA,EACjD;AACF;AAkCA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMsB;AACpB,QAAM,OAAO,iBAAiB;AAC9B,SACE,oBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,KAAK,KAAK,GAAG,MAAM,SAAS,gBAAgB,cAAc,GAAG,aAAa,UAAU,GAC7G,sBAAY,IAAI,EAAE,IAAI,CAAC,UAAU;AAChC,UAAM,SAAS,QAAQ,MAAM,OAAO,CAAC;AACrC,WACA;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,MAAM,SAAS,MAAM,GAAG;AAAA,QACjC,eAAa,GAAG,YAAY,gBAAgB,MAAM,GAAG;AAAA,QACrD,gBAAc;AAAA,QACd,IAAI;AAAA,UACF,MAAM;AAAA,UACN,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,UAAU;AAAA,UACV,SAAS,SAAS,qBAAqB;AAAA,UACvC,WAAW,SAAS,IAAI;AAAA,UACxB,YAAY,SAAS,MAAM;AAAA,UAC3B,OAAO,SAAS,iBAAiB;AAAA,QACnC;AAAA,QAEC,gBAAM;AAAA;AAAA,MArBF,MAAM;AAAA,IAsBb;AAAA,EAEF,CAAC,GACH;AAEJ;AAGA,SAAS,UAA6C;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKsB;AACpB,MAAI,QAAQ,QAAQ;AAClB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,EAAE;AAAA,QACV,aAAa,EAAE;AAAA,QACf,aAAa,EAAE;AAAA,QACf,UAAU,CAAC,OAAO,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,OAAO,KAAK,MAAM,CAAC,EAAE,CAAC;AAAA,QAC3E;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,MAAI,QAAQ,WAAW;AACrB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,EAAE;AAAA,QACX,OAAO,EAAE;AAAA,QACT,gBAAgB,EAAE,MAAM;AAAA,QACxB,UAAU,EAAE;AAAA,QACZ,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC;AAAA,QACvC,WAAW,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,YAAY,CAAC;AAAA,QAE1D,SAAS,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,aAAa,OAAO,OAAU,CAAC;AAAA,QAC1E;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,SAAO,oBAAC,cAAW,cAA4B;AACjD;AAGA,SAAS,aAAgD;AAAA,EACvD;AAAA,EAAG;AAAA,EAAM;AAAA,EAAK;AAAA,EAAK;AAAA,EAAO;AAAA,EAAW;AAAA,EAAe;AAAA,EAAY;AAAA,EAChE;AAAA,EAAQ;AAAA,EAAW;AAAA,EAAQ;AAC7B,GAcsB;AACpB,SACE,qBAAC,OAAI,eAAa,GAAG,YAAY,kBAC1B;AAAA,YACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN,UAAU;AAAA,QACV;AAAA;AAAA,IACF;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU;AAAA,QACV,OAAO,QAAQ,GAAG;AAAA,QAClB;AAAA;AAAA,IACF;AAAA,IAGA,oBAAC,OAAI,IAAI,EAAE,WAAW,KAAK,WAAW,KAAK,WAAW,OAAO,GAC1D,gBACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,IAEA,oBAAC,aAAU,KAAU,GAAM,WAAsB,cAA4B,GAEjF;AAAA,IACC,QAAQ,oBAAC,cAAW,MAAY,QAAgB,cAA4B;AAAA,KACnF;AAEJ;AAIA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMsB;AAIpB,QAAM,OAAO,aAAa,IAAI,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,WAAW,EAAE,IAAI;AAChF,MAAI,MAAM;AACR,WAAO,oBAAC,eAAY,MAAM,MAAM,UAAU,KAAK,QAAgB,cAA4B;AAAA,EAC7F;AACA,SAAO,oBAAC,aAAU,UAAU,KAAK,eAA8B,cAA4B;AAC7F;AAGA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKsB;AACpB,QAAM,OAAO,iBAAiB;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,SAAS,CAAC,UAAU,OAAO,MAAM,aAA4B;AAAA,MAC7D,YAAY,GAAG,YAAY;AAAA,MAC3B,cAAY,KAAK,QAAQ;AAAA,MACzB,OAAO,UAAU,KAAK,QAAQ,UAAU;AAAA,MAExC,+BAAC,OAAI,WAAU,QAAO,IAAI,EAAE,SAAS,eAAe,YAAY,UAAU,KAAK,IAAI,GACjF;AAAA,4BAAC,8BAA2B,UAAS,SAAQ;AAAA,QAC5C,CAAC,WACA,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,SAAS,EAAE,IAAI,QAAQ,IAAI,SAAS,EAAE,GAC/D,eAAK,QAAQ,SAChB;AAAA,QAED,SACC,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,cAAc,OAAO,SAAS,eAAe,GAAG;AAAA,QAMlG,CAAC,WAAW,oBAAC,gCAA6B,UAAS,SAAQ;AAAA,SAC9D;AAAA;AAAA,EACF;AAEJ;AAMO,SAAS,sBAAyD;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4C;AAC1C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6B,IAAI;AAC7D,QAAM,CAAC,KAAK,MAAM,IAAI,SAAwB,SAAS;AAGvD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAkC,IAAI;AAG1E,QAAM,MAAM,YAAY,MAAM,MAAM;AACpC,QAAM,QAAQ,MAAY,UAAU,IAAI;AACxC,QAAM,aAAa,MAAY;AAC7B,iBAAa,KAAK;AAClB,kBAAc,IAAI;AAAA,EACpB;AACA,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,QAAQ,MAAM,KAAK;AAAA,QAC1B,SAAS,QAAQ,OAAO;AAAA,QACxB,QAAQ;AAAA,QACR;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,QAAQ,MAAM;AAAA,QACpB,UAAU;AAAA,QACV,SAAS;AAAA,QACT,cAAc,EAAE,UAAU,UAAU,YAAY,QAAQ;AAAA,QACxD,iBAAiB,EAAE,UAAU,OAAO,YAAY,QAAQ;AAAA,QACxD,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,KAAK,UAAU,qBAAqB,EAAE,EAAE;AAAA,QAE3E;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,OAAO,CAAC,SAAS;AACf,qBAAO,IAAI;AACX,yBAAW;AAAA,YACb;AAAA,YACA;AAAA,YACA,eAAe,MAAM;AACnB,2BAAa,CAAC,SAAS,CAAC,IAAI;AAC5B,4BAAc,IAAI;AAAA,YACpB;AAAA,YACA;AAAA,YACA,eAAe;AAAA,YACf,QAAQ,MAAM,cAAc,IAAI;AAAA,YAChC;AAAA,YACA,QAAQ;AAAA,YACR;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}