@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-JZMMPFQT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Lightbox/LightboxControls.tsx"],"sourcesContent":["import PrevIcon from '@mui/icons-material/ChevronLeft';\nimport NextIcon from '@mui/icons-material/ChevronRight';\nimport CloseIcon from '@mui/icons-material/Close';\nimport PauseIcon from '@mui/icons-material/Pause';\nimport PlayIcon from '@mui/icons-material/PlayArrow';\nimport ResetZoomIcon from '@mui/icons-material/RestartAlt';\nimport ZoomInIcon from '@mui/icons-material/ZoomIn';\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut';\nimport { Box, IconButton } from '@mui/material';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { navButtonSx, OVERLAY_Z_INDEX, overlayButtonSx } from './Lightbox.constants';\nimport { useLightboxCopy } from './lightbox-copy-context';\n\ntype TestId = (suffix: string) => string;\n\nexport const LightboxCloseButton: FC<{ testId: TestId; onClose: () => void }> = ({\n  testId,\n  onClose,\n}) => {\n  const copy = useLightboxCopy();\n  return (\n  <IconButton\n    onClick={onClose}\n    sx={{ ...overlayButtonSx, position: 'absolute', top: 16, right: 16, zIndex: OVERLAY_Z_INDEX }}\n    aria-label={copy.close}\n    data-testid={testId('close')}\n  >\n    <CloseIcon />\n  </IconButton>\n  );\n};\n\nconst arrowSx = (side: 'left' | 'right') =>\n  ({\n    ...navButtonSx,\n    position: 'absolute',\n    [side]: 16,\n    top: '50%',\n    transform: 'translateY(-50%)',\n    zIndex: OVERLAY_Z_INDEX,\n  }) as const;\n\nexport interface LightboxNavButtonsProps {\n  testId: TestId;\n  atStart: boolean;\n  atEnd: boolean;\n  onPrev: () => void;\n  onNext: () => void;\n}\n\nexport const LightboxNavButtons: FC<LightboxNavButtonsProps> = ({\n  testId,\n  atStart,\n  atEnd,\n  onPrev,\n  onNext,\n}) => {\n  const copy = useLightboxCopy();\n  return (\n  <>\n    <IconButton\n      onClick={onPrev}\n      disabled={atStart}\n      sx={arrowSx('left')}\n      aria-label={copy.previous}\n      data-testid={testId('prev')}\n    >\n      <PrevIcon />\n    </IconButton>\n\n    <IconButton\n      onClick={onNext}\n      disabled={atEnd}\n      sx={arrowSx('right')}\n      aria-label={copy.next}\n      data-testid={testId('next')}\n    >\n      <NextIcon />\n    </IconButton>\n  </>\n  );\n};\n\nexport interface LightboxZoomControlsProps {\n  testId: TestId;\n  onZoomIn: () => void;\n  onZoomOut: () => void;\n  onResetZoom: () => void;\n}\n\nexport const LightboxZoomControls: FC<LightboxZoomControlsProps> = ({\n  testId,\n  onZoomIn,\n  onZoomOut,\n  onResetZoom,\n}) => {\n  const copy = useLightboxCopy();\n  return (\n  <Box\n    sx={{\n      position: 'absolute',\n      top: 16,\n      left: 16,\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 1,\n      zIndex: OVERLAY_Z_INDEX,\n    }}\n    data-testid={testId('zoom-controls')}\n  >\n    <IconButton onClick={onZoomIn} sx={overlayButtonSx} aria-label={copy.zoomIn} data-testid={testId('zoom-in')}>\n      <ZoomInIcon />\n    </IconButton>\n    <IconButton\n      onClick={onZoomOut}\n      sx={overlayButtonSx}\n      aria-label={copy.zoomOut}\n      data-testid={testId('zoom-out')}\n    >\n      <ZoomOutIcon />\n    </IconButton>\n    <IconButton\n      onClick={onResetZoom}\n      sx={overlayButtonSx}\n      aria-label={copy.resetZoom}\n      data-testid={testId('zoom-reset')}\n    >\n      <ResetZoomIcon />\n    </IconButton>\n  </Box>\n  );\n};\n\nexport interface LightboxAutoplayButtonProps {\n  testId: TestId;\n  isAutoPlaying: boolean;\n  onToggle: () => void;\n}\n\nexport const LightboxAutoplayButton: FC<LightboxAutoplayButtonProps> = ({\n  testId,\n  isAutoPlaying,\n  onToggle,\n}) => {\n  const copy = useLightboxCopy();\n  return (\n  <IconButton\n    onClick={onToggle}\n    sx={{\n      ...overlayButtonSx,\n      position: 'absolute',\n      top: 16,\n      left: '50%',\n      transform: 'translateX(-50%)',\n      zIndex: OVERLAY_Z_INDEX,\n    }}\n    aria-label={isAutoPlaying ? copy.pause : copy.play}\n    data-testid={testId('autoplay')}\n  >\n    {isAutoPlaying ? <PauseIcon /> : <PlayIcon />}\n  </IconButton>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-K3OXT45X.js

@@ -0,0 +1,263 @@
+import {
+  FilterDialog,
+  GridFilterPanel
+} from "./chunk-MBF6DLMA.js";
+import {
+  DataViewsEmpty
+} from "./chunk-56O2UXSW.js";
+import {
+  InlineFilterControls
+} from "./chunk-FHQ3NLTT.js";
+import {
+  GridMain
+} from "./chunk-MLM3X2KC.js";
+import {
+  DataViewsPagination
+} from "./chunk-5GNSZHXD.js";
+import {
+  toOverflowFields,
+  useFilterOverflow
+} from "./chunk-TQ6FPOPD.js";
+import {
+  ScopeTabsSlot
+} from "./chunk-5XY7BFFP.js";
+import {
+  ShellToolbar
+} from "./chunk-ICG4PNIH.js";
+import {
+  togglePillValues
+} from "./chunk-Y6SB4WU2.js";
+import {
+  DataViewsLayoutProvider,
+  useDataViewsLayout
+} from "./chunk-4EGKGOV2.js";
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  TableFilter
+} from "./chunk-2UXQV7JY.js";
+import {
+  Box
+} from "./chunk-34DQAXL2.js";
+import {
+  Stack
+} from "./chunk-Q3FAWSH4.js";
+import {
+  Text
+} from "./chunk-R52HJAYO.js";
+
+// src/components/data-display/DataViews/data-views-grid-parts.tsx
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function GridHeaderRow({
+  title,
+  headerActions,
+  testIdPrefix
+}) {
+  if (!title && !headerActions) return null;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      "data-testid": `${testIdPrefix}-header`,
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 2,
+        flexWrap: "wrap",
+        pb: 1.5
+      },
+      children: [
+        title ? /* @__PURE__ */ jsx(Text, { variant: "heading", size: "lg", as: "h2", children: title }) : /* @__PURE__ */ jsx(Box, {}),
+        headerActions && /* @__PURE__ */ jsx(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: headerActions })
+      ]
+    }
+  );
+}
+function LayoutStateSync({
+  c
+}) {
+  const { layout } = useDataViewsLayout();
+  const stored = c.state.layout;
+  useEffect(() => {
+    if (stored !== layout) c.patch({ layout });
+  }, [layout, stored]);
+  return null;
+}
+function useGridShellFilters({
+  c,
+  inlineFilters,
+  fields,
+  rangeFields,
+  testIdPrefix,
+  alwaysShowSearch,
+  hasExport
+}) {
+  const { state } = c;
+  const [openControls, setOpenControls] = useState(0);
+  const split = useFilterOverflow(
+    toOverflowFields(fields, rangeFields),
+    state.pills,
+    c.ranges,
+    openControls > 0,
+    hasExport
+  );
+  const showInline = inlineFilters;
+  const useModal = false;
+  const inlineVisible = showInline && (alwaysShowSearch || fields.length > 0 || rangeFields.length > 0 || state.search !== "");
+  const filterProps = {
+    testIdPrefix,
+    search: state.search,
+    fields,
+    rangeFields,
+    pills: state.pills,
+    ranges: c.ranges,
+    onSearchChange: (value) => c.patch({ search: value }),
+    onTogglePill: (fieldId, value, checked) => c.patch({ pills: { ...state.pills, [fieldId]: togglePillValues(state.pills[fieldId], value, checked) } }),
+    onChangeRange: (fieldId, range) => c.patch({ ranges: { ...c.ranges, [fieldId]: range } }),
+    onClearField: (fieldId) => c.patch({ pills: { ...state.pills, [fieldId]: [] } }),
+    onClearAll: () => c.patch({ search: "", pills: {}, ranges: {} })
+  };
+  return {
+    showInline,
+    useModal,
+    inlineVisible,
+    filterProps,
+    split,
+    onControlOpenChange: (open) => setOpenControls((count) => Math.max(0, count + (open ? 1 : -1)))
+  };
+}
+function ShellStack({
+  props,
+  filters
+}) {
+  const copy = useDataViewsCopy();
+  const { c, testIdPrefix, dataTestId, scopes = [], emptyState, inlineFilters = false } = props;
+  const { showInline, useModal, inlineVisible, filterProps, split, onControlOpenChange } = filters;
+  const body = /* @__PURE__ */ jsx(
+    DataViewsEmpty,
+    {
+      filtered: c.activeFilterCount > 0 || c.state.search !== "",
+      onClearFilters: () => c.patch({ search: "", pills: {}, ranges: {} }),
+      emptyState,
+      testIdPrefix
+    }
+  );
+  return /* @__PURE__ */ jsx(
+    TableFilter,
+    {
+      copy: copy.tableFilter,
+      open: c.filterOpen,
+      onOpenChange: c.setFilterOpen,
+      hasActiveFilters: c.activeFilterCount > 0,
+      children: /* @__PURE__ */ jsxs(Stack, { spacing: 0, "data-testid": dataTestId ? `${dataTestId}-container` : void 0, children: [
+        /* @__PURE__ */ jsx(GridHeaderRow, { title: props.title, headerActions: props.headerActions, testIdPrefix }),
+        /* @__PURE__ */ jsx(
+          ShellToolbar,
+          {
+            c,
+            rows: props.rows,
+            sortKinds: props.sortKinds,
+            displayView: props.displayView,
+            exportConfig: props.exportConfig,
+            filterControls: inlineVisible ? /* @__PURE__ */ jsx(
+              InlineFilterControls,
+              {
+                ...filterProps,
+                split,
+                activeFilterCount: c.activeFilterCount,
+                onControlOpenChange
+              }
+            ) : void 0,
+            barRef: split.barRef,
+            testIdPrefix,
+            rowActions: props.rowActions,
+            bulkActions: props.bulkActions,
+            toolbarRightSlot: props.toolbarRightSlot,
+            compactControls: showInline && split.compactControls,
+            counterHidden: showInline && split.counterHidden,
+            showInline
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ScopeTabsSlot,
+          {
+            scopes,
+            scopeFieldId: props.scopeFieldId,
+            board: props.board,
+            value: c.scope,
+            onChange: c.setScope,
+            counts: c.scopeCounts,
+            testIdPrefix
+          }
+        ),
+        /* @__PURE__ */ jsxs(TableFilter.Layout, { children: [
+          /* @__PURE__ */ jsxs(TableFilter.Main, { children: [
+            /* @__PURE__ */ jsx(
+              GridMain,
+              {
+                c,
+                getRowId: props.getRowId,
+                renderCard: props.renderCard,
+                renderListRow: props.renderListRow,
+                listGroup: props.listGroup,
+                board: props.board,
+                dataTestId,
+                testIdPrefix,
+                emptyState: body
+              }
+            ),
+            /* @__PURE__ */ jsx(DataViewsPagination, { c, testIdPrefix })
+          ] }),
+          inlineFilters ? null : /* @__PURE__ */ jsx(GridFilterPanel, { ...filterProps })
+        ] }),
+        useModal && /* @__PURE__ */ jsx(FilterDialog, { open: c.filterOpen, onClose: () => c.setFilterOpen(false), ...filterProps })
+      ] })
+    }
+  );
+}
+function GridShell(props) {
+  const {
+    c,
+    fields,
+    rangeFields,
+    testIdPrefix,
+    renderCard,
+    renderListRow,
+    board,
+    defaultLayout,
+    ignoreStoredLayout,
+    inlineFilters = false,
+    alwaysShowSearch = false
+  } = props;
+  const filters = useGridShellFilters({
+    c,
+    inlineFilters,
+    fields,
+    rangeFields,
+    testIdPrefix,
+    alwaysShowSearch,
+    hasExport: props.exportConfig !== void 0
+  });
+  return /* @__PURE__ */ jsxs(
+    DataViewsLayoutProvider,
+    {
+      canUseCards: Boolean(renderCard),
+      canUseList: Boolean(renderListRow),
+      canUseBoard: Boolean(board && renderCard),
+      defaultLayout,
+      ignoreStoredLayout,
+      viewLayout: c.state.layout,
+      children: [
+        /* @__PURE__ */ jsx(LayoutStateSync, { c }),
+        /* @__PURE__ */ jsx(ShellStack, { props, filters })
+      ]
+    }
+  );
+}
+
+export {
+  GridShell
+};
+//# sourceMappingURL=chunk-K3OXT45X.js.map

package/dist/chunk-K3OXT45X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-grid-parts.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\nimport { TableFilter } from \"../../layout/TableFilter\";\nimport { Text } from \"../../typography/Text\";\nimport { Box } from \"../../../mui/Box\";\nimport { Stack } from \"../../../mui/Stack\";\n\nimport {\n  DataViewsLayoutProvider,\n  useDataViewsLayout,\n  type DataViewsLayout,\n} from \"./data-views-layout-context\";\nimport { FilterDialog, GridFilterPanel } from \"./data-views-filter-panel\";\nimport { GridMain } from \"./data-views-grid-bodies\";\nimport type { ListGroupConfig } from \"./list-card-rails\";\nimport { InlineFilterControls } from \"./data-views-inline-bar\";\nimport { toOverflowFields, useFilterOverflow, type OverflowSplit } from \"./data-views-overflow\";\nimport { ShellToolbar } from \"./data-views-shell-toolbar\";\nimport type { DisplayPanelView } from \"./data-views-display-panel\";\nimport type { DataViewExport } from \"./data-views-export\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { DataViewsEmpty } from \"./data-views-empty\";\nimport { DataViewsPagination } from \"./data-views-pagination\";\nimport type { BoardConfig } from \"./DataViewsBoard\";\nimport { type ScopeConfig } from \"./data-views-scopes\";\nimport { ScopeTabsSlot } from \"./data-views-scope-tabs\";\nimport { togglePillValues } from \"./data-views-grid-helpers\";\nimport type {\n  DataViewCardSelection,\n  FilterFieldConfig,\n  RangeFieldConfig,\n  RangeValue,\n  RowAction,\n} from \"./data-views-types\";\nimport type { DataViewsController } from \"./use-data-views-state\";\n\n/* ── Header row ──────────────────────────────────────────────────────────── */\n\n/**\n * The grid's own header row: the page title on the left, the primary page\n * actions on the right.\n *\n * `title` and `headerActions` were DECLARED on `DataViewsGridProps` and\n * `DataViewsTableBaseProps` but never destructured or forwarded — dead props\n * whose types lied to every caller that set them. Wired here rather than\n * deleted: a table that carries its own title keeps the title, the scope tabs\n * and the toolbar as one block, instead of the page having to space them.\n *\n * Renders NOTHING when neither is supplied, so no existing table gains a row.\n */\nfunction GridHeaderRow({\n  title,\n  headerActions,\n  testIdPrefix,\n}: {\n  title?: string;\n  headerActions?: React.ReactNode;\n  testIdPrefix: string;\n}): React.JSX.Element | null {\n  if (!title && !headerActions) return null;\n  return (\n    <Box\n      data-testid={`${testIdPrefix}-header`}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n        gap: 2,\n        flexWrap: \"wrap\",\n        pb: 1.5,\n      }}\n    >\n      {title ? (\n        <Text variant=\"heading\" size=\"lg\" as=\"h2\">\n          {title}\n        </Text>\n      ) : (\n        <Box />\n      )}\n      {headerActions && <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1 }}>{headerActions}</Box>}\n    </Box>\n  );\n}\n\n/* ── Layout ⇄ view-state mirror ──────────────────────────────────────────── */\n\n/**\n * Mirrors the LIVE layout back into the view state, so saving a view captures\n * the layout the user is actually looking at.\n *\n * A component rather than a callback prop because only something INSIDE the\n * provider can read the layout, and only the controller can write the state.\n * The `stored !== layout` guard is what makes it idempotent: `c` is rebuilt on\n * every render, so an unguarded effect here would patch → re-render → patch.\n *\n * It re-fires when `stored` changes too, which is the case that matters after\n * applying a saved view: `appliedState` REPLACES the state, so a view saved\n * before layouts were captured clears `state.layout`, and the mirror puts the\n * current one back rather than leaving the next save with nothing to store.\n */\nfunction LayoutStateSync<T extends Record<string, unknown>>({\n  c,\n}: {\n  c: DataViewsController<T>;\n}): null {\n  const { layout } = useDataViewsLayout();\n  const stored = c.state.layout;\n  useEffect(() => {\n    if (stored !== layout) c.patch({ layout });\n    // `c` is intentionally out of the deps — see the guard above.\n  }, [layout, stored]);\n  return null;\n}\n\n/* ── Shell (composes toolbar + body + panel) ─────────────────────────────── */\n\n/** The shared filter-surface props consumed by the inline bar, panel, and modal. */\ninterface FilterSurfaceProps<T extends Record<string, unknown>> {\n  testIdPrefix: string;\n  search: string;\n  fields: FilterFieldConfig<T>[];\n  rangeFields: RangeFieldConfig<T>[];\n  pills: Record<string, string[]>;\n  ranges: Record<string, RangeValue>;\n  onSearchChange: (value: string) => void;\n  onTogglePill: (fieldId: string, value: string, checked: boolean) => void;\n  onChangeRange: (fieldId: string, range: RangeValue) => void;\n  onClearField: (fieldId: string) => void;\n  onClearAll: () => void;\n}\n\n/**\n * Derives the responsive filter state (which surface to show at this width) and\n * the filter-mutation handlers from the controller — pulled out of `GridShell`\n * so the component body stays under the size/complexity budget.\n */\n/** Grouped rather than positional: the list had grown past readability. */\ninterface GridShellFiltersArgs<T extends Record<string, unknown>> {\n  c: DataViewsController<T>;\n  inlineFilters: boolean;\n  fields: FilterFieldConfig<T>[];\n  rangeFields: RangeFieldConfig<T>[];\n  testIdPrefix: string;\n  alwaysShowSearch: boolean;\n  /** Is \"Exportar\" on the bar? Half the right cluster's cost when it is not. */\n  hasExport: boolean;\n}\n\nfunction useGridShellFilters<T extends Record<string, unknown>>({\n  c,\n  inlineFilters,\n  fields,\n  rangeFields,\n  testIdPrefix,\n  alwaysShowSearch,\n  hasExport,\n}: GridShellFiltersArgs<T>): {\n  showInline: boolean;\n  useModal: boolean;\n  inlineVisible: boolean;\n  filterProps: FilterSurfaceProps<T>;\n  split: OverflowSplit<T>;\n  onControlOpenChange: (open: boolean) => void;\n} {\n  const { state } = c;\n  // How many filter controls are open. A COUNT, not a flag: closing one popover\n  // by opening another overlaps, and a boolean would unfreeze mid-handover.\n  const [openControls, setOpenControls] = useState(0);\n  // ONE measurement for the whole shell: the filter row decides which controls\n  // it can keep, and the TOOLBAR needs the same answer to drop its labels.\n  // Measuring twice would let the two disagree at the crossover width.\n  const split = useFilterOverflow(\n    toOverflowFields(fields, rangeFields),\n    state.pills,\n    c.ranges,\n    openControls > 0,\n    hasExport,\n  );\n  // THE BAR RENDERS AT EVERY WIDTH. It used to be swapped for a full-screen\n  // filter MODAL below `lg`, which was the responsive strategy before the\n  // measured ladder existed — and the two now do the same job, badly together:\n  // the modal took the bar away at 1199px, and with it the very degradation\n  // (labels off, search collapsed, filters into \"Mais\") that exists to make a\n  // narrow bar work. So a 900px window got no bar and no ladder, and the\n  // operator lost the search entirely rather than gaining a compact one.\n  //\n  // The ladder is measured, so it already covers every width the modal did.\n  const showInline = inlineFilters;\n  const useModal = false;\n  const inlineVisible =\n    showInline &&\n    (alwaysShowSearch || fields.length > 0 || rangeFields.length > 0 || state.search !== \"\");\n  const filterProps: FilterSurfaceProps<T> = {\n    testIdPrefix,\n    search: state.search,\n    fields,\n    rangeFields,\n    pills: state.pills,\n    ranges: c.ranges,\n    onSearchChange: (value) => c.patch({ search: value }),\n    onTogglePill: (fieldId, value, checked) =>\n      c.patch({ pills: { ...state.pills, [fieldId]: togglePillValues(state.pills[fieldId], value, checked) } }),\n    onChangeRange: (fieldId, range) => c.patch({ ranges: { ...c.ranges, [fieldId]: range } }),\n    onClearField: (fieldId) => c.patch({ pills: { ...state.pills, [fieldId]: [] } }),\n    onClearAll: () => c.patch({ search: \"\", pills: {}, ranges: {} }),\n  };\n  return {\n    showInline,\n    useModal,\n    inlineVisible,\n    filterProps,\n    split,\n    onControlOpenChange: (open) =>\n      setOpenControls((count) => Math.max(0, count + (open ? 1 : -1))),\n  };\n}\n\ninterface GridShellProps<T extends Record<string, unknown>> {\n  c: DataViewsController<T>;\n  rows: T[];\n  fields: FilterFieldConfig<T>[];\n  rangeFields: RangeFieldConfig<T>[];\n  getRowId: (row: T) => string | number;\n  testIdPrefix: string;\n  dataTestId?: string;\n  emptyState?: React.ReactNode;\n  toolbarRightSlot?: React.ReactNode;\n  rowActions?: RowAction<T>[];\n  bulkActions?: (selectedRows: T[], clearSelection: () => void) => React.ReactNode;\n  /** Opt-in \"Grade\" (cards) layout: renders each row as an entity-supplied card.\n   *  Omit ⇒ table only (no layout toggle). */\n  renderCard?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /**\n   * Opt-in \"Quadro\" (board) layout. Needs `renderCard` too — the board reuses\n   * the entity's card, so a board config without one simply offers no board\n   * rather than failing: that is a config gap, not a runtime error.\n   */\n  board?: BoardConfig<T>;\n  /** Opt-in \"Lista\" layout: one full-width, entity-rendered row per record. */\n  renderListRow?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /** The Lista's shared columns, so its rows line up by construction. */\n  listGroup?: ListGroupConfig<T>;\n  /** The page-level partition rendered as tabs under the toolbar. */\n  scopes?: ScopeConfig[];\n  /**\n   * The row field the scopes partition by. Compared against the board's\n   * `groupBy` so the two are not shown as the same partition twice.\n   */\n  scopeFieldId?: string;\n  /** Per-sort-field value kind, so directions read in the column's own terms. */\n  sortKinds?: Record<string, string>;\n  /** The saved-view chrome bracketing the Exibir panel. */\n  displayView?: DisplayPanelView;\n  /** Injected export — the host re-queries; the grid never fetches. */\n  exportConfig?: DataViewExport;\n  /** Page title in the grid's own header row, above the scopes + toolbar. */\n  title?: string;\n  /** Primary page actions rendered at the header row's right. */\n  headerActions?: React.ReactNode;\n  /** Which layout to show first when the user has expressed no preference (default \"table\"). */\n  defaultLayout?: DataViewsLayout;\n  /** Pin to `defaultLayout`, ignoring the remembered preference (stories/docs). */\n  ignoreStoredLayout?: boolean;\n  /**\n   * Opt into the responsive inline filter UX: a collapsible filter row below the\n   * toolbar on wide screens and a modal on narrow ones. When false (default),\n   * keep the classic slide-in filter panel opened by the \"Filtros\" button.\n   */\n  inlineFilters?: boolean;\n  /**\n   * Keep the inline search box on screen even with no filter fields and no\n   * active search. Without it a grid whose only filter IS the search (`fields`\n   * empty) can never OFFER one: the row renders only once a search exists, so\n   * the operator would have to hand-edit the URL to start one. Default false —\n   * every grid that ships filter fields already shows the row.\n   */\n  alwaysShowSearch?: boolean;\n}\n\n/** The scrollable content region: scope tabs, toolbar, filter bar, body, pager. */\nfunction ShellStack<T extends Record<string, unknown>>({\n  props,\n  filters,\n}: {\n  props: GridShellProps<T>;\n  filters: ReturnType<typeof useGridShellFilters<T>>;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { c, testIdPrefix, dataTestId, scopes = [], emptyState, inlineFilters = false } = props;\n  const { showInline, useModal, inlineVisible, filterProps, split, onControlOpenChange } = filters;\n  // The grid renders the FILTERED empty state itself — it is the only party\n  // that knows a filter is applied. See {@link DataViewsEmpty}.\n  const body = (\n    <DataViewsEmpty\n      filtered={c.activeFilterCount > 0 || c.state.search !== \"\"}\n      onClearFilters={() => c.patch({ search: \"\", pills: {}, ranges: {} })}\n      emptyState={emptyState}\n      testIdPrefix={testIdPrefix}\n    />\n  );\n  return (\n    <TableFilter\n      copy={copy.tableFilter} open={c.filterOpen} onOpenChange={c.setFilterOpen}\n      hasActiveFilters={c.activeFilterCount > 0}\n    >\n      <Stack spacing={0} data-testid={dataTestId ? `${dataTestId}-container` : undefined}>\n        <GridHeaderRow title={props.title} headerActions={props.headerActions} testIdPrefix={testIdPrefix} />\n        <ShellToolbar\n          c={c}\n          rows={props.rows}\n          sortKinds={props.sortKinds}\n          displayView={props.displayView}\n          exportConfig={props.exportConfig}\n          filterControls={\n            inlineVisible ? (\n              <InlineFilterControls\n                {...filterProps} split={split} activeFilterCount={c.activeFilterCount}\n                onControlOpenChange={onControlOpenChange}\n              />\n            ) : undefined\n          }\n          barRef={split.barRef}\n          testIdPrefix={testIdPrefix}\n          rowActions={props.rowActions}\n          bulkActions={props.bulkActions}\n          toolbarRightSlot={props.toolbarRightSlot}\n          compactControls={showInline && split.compactControls}\n          counterHidden={showInline && split.counterHidden}\n          showInline={showInline}\n        />\n        <ScopeTabsSlot\n          scopes={scopes} scopeFieldId={props.scopeFieldId} board={props.board}\n          value={c.scope} onChange={c.setScope} counts={c.scopeCounts}\n          testIdPrefix={testIdPrefix}\n        />\n        <TableFilter.Layout>\n          <TableFilter.Main>\n            <GridMain\n              c={c}\n              getRowId={props.getRowId}\n              renderCard={props.renderCard}\n              renderListRow={props.renderListRow}\n              listGroup={props.listGroup}\n              board={props.board}\n              dataTestId={dataTestId}\n              testIdPrefix={testIdPrefix}\n              emptyState={body}\n            />\n            <DataViewsPagination c={c} testIdPrefix={testIdPrefix} />\n          </TableFilter.Main>\n          {inlineFilters ? null : <GridFilterPanel {...filterProps} />}\n        </TableFilter.Layout>\n        {useModal && <FilterDialog open={c.filterOpen} onClose={() => c.setFilterOpen(false)} {...filterProps} />}\n      </Stack>\n    </TableFilter>\n  );\n}\n\nexport function GridShell<T extends Record<string, unknown>>(props: GridShellProps<T>): React.JSX.Element {\n  const {\n    c,\n    fields,\n    rangeFields,\n    testIdPrefix,\n    renderCard,\n    renderListRow,\n    board,\n    defaultLayout,\n    ignoreStoredLayout,\n    inlineFilters = false,\n    alwaysShowSearch = false,\n  } = props;\n  const filters = useGridShellFilters({\n    c,\n    inlineFilters,\n    fields,\n    rangeFields,\n    testIdPrefix,\n    alwaysShowSearch,\n    hasExport: props.exportConfig !== undefined,\n  });\n  return (\n    <DataViewsLayoutProvider\n      canUseCards={Boolean(renderCard)}\n      canUseList={Boolean(renderListRow)}\n      // The board reuses the entity's card, so it needs BOTH — a `board` with no\n      // `renderCard` offers no board rather than throwing.\n      canUseBoard={Boolean(board && renderCard)}\n      defaultLayout={defaultLayout}\n      ignoreStoredLayout={ignoreStoredLayout}\n      viewLayout={c.state.layout}\n    >\n    <LayoutStateSync c={c} />\n    <ShellStack props={props} filters={filters} />\n    </DataViewsLayoutProvider>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-K66HYBAS.js

@@ -0,0 +1,129 @@
+import {
+  resolveLightboxProps
+} from "./chunk-UOS7DEQZ.js";
+import {
+  useLightbox
+} from "./chunk-3EYRRVNT.js";
+import {
+  LightboxThumbnails
+} from "./chunk-BPSGDJ7F.js";
+import {
+  LightboxStage
+} from "./chunk-GHI5SPTS.js";
+import {
+  LightboxOverlay
+} from "./chunk-FUBSPSI3.js";
+import {
+  LightboxCurrentMedia
+} from "./chunk-2DWBJJK6.js";
+import {
+  LightboxCopyProvider
+} from "./chunk-TEQYTEM2.js";
+import {
+  makeTestId
+} from "./chunk-56SJYTIT.js";
+
+// src/components/data-display/Lightbox/Lightbox.tsx
+import { Dialog, Fade, Typography } from "@mui/material";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DIALOG_STATIC_PROPS = {
+  maxWidth: false,
+  fullScreen: true,
+  TransitionComponent: Fade,
+  TransitionProps: { timeout: 300 },
+  PaperProps: { sx: { background: "rgba(0, 0, 0, 0.9)", backdropFilter: "blur(2px)" } },
+  "aria-label": "Lightbox",
+  "aria-labelledby": "lightbox-title",
+  role: "dialog",
+  "aria-modal": "true"
+};
+var Lightbox = React.forwardRef((componentProps, ref) => {
+  const props = resolveLightboxProps(componentProps);
+  const { isOpen, items, loop, autoplay, showControls, showCaptions, thumbnails, zoomable } = props;
+  const { className, style, dataTestId } = props;
+  const testId = makeTestId(dataTestId);
+  const lightbox = useLightbox(props, ref);
+  const { currentIndex, currentItem, zoom } = lightbox;
+  return /* @__PURE__ */ jsx(LightboxCopyProvider, { copy: props.copy, children: /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      open: isOpen,
+      onClose: lightbox.close,
+      ...DIALOG_STATIC_PROPS,
+      className,
+      style,
+      onTouchStart: lightbox.handleTouchStart,
+      onTouchEnd: lightbox.handleTouchEnd,
+      "data-testid": dataTestId || "lightbox",
+      children: [
+        /* @__PURE__ */ jsxs(Typography, { id: "lightbox-title", variant: "h6", sx: { position: "absolute", left: -1e4 }, children: [
+          "Lightbox - ",
+          currentItem?.alt || `Item ${currentIndex + 1} of ${items.length}`
+        ] }),
+        /* @__PURE__ */ jsx(
+          LightboxOverlay,
+          {
+            testId,
+            itemCount: items.length,
+            currentIndex,
+            showControls,
+            loop,
+            autoplay,
+            canZoom: lightbox.canZoom,
+            isAutoPlaying: lightbox.isAutoPlaying,
+            onClose: lightbox.close,
+            onPrev: lightbox.prev,
+            onNext: lightbox.next,
+            onZoomIn: zoom.zoomIn,
+            onZoomOut: zoom.zoomOut,
+            onResetZoom: zoom.resetZoom,
+            onToggleAutoplay: () => lightbox.setIsAutoPlaying((playing) => !playing)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          LightboxStage,
+          {
+            items,
+            currentItem,
+            currentIndex,
+            isLoading: lightbox.isLoading,
+            showCaptions,
+            thumbnails,
+            testId,
+            media: /* @__PURE__ */ jsx(
+              LightboxCurrentMedia,
+              {
+                item: currentItem,
+                index: currentIndex,
+                total: items.length,
+                zoomable,
+                zoom,
+                testId,
+                onLoadingChange: lightbox.setIsLoading,
+                onWheel: lightbox.handleWheel
+              }
+            ),
+            thumbnailStrip: thumbnails && items.length > 1 && /* @__PURE__ */ jsx(
+              LightboxThumbnails,
+              {
+                items,
+                currentIndex,
+                testId,
+                onSelect: lightbox.goToIndex
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) });
+});
+Lightbox.displayName = "Lightbox";
+var Lightbox_default = Lightbox;
+
+export {
+  Lightbox,
+  Lightbox_default
+};
+//# sourceMappingURL=chunk-K66HYBAS.js.map

package/dist/chunk-K66HYBAS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Lightbox/Lightbox.tsx"],"sourcesContent":["import { Dialog, Fade, Typography } from '@mui/material';\nimport React from 'react';\n\nimport { makeTestId } from './Lightbox.constants';\nimport { resolveLightboxProps } from './Lightbox.helpers';\nimport { LightboxCopyProvider } from './lightbox-copy-context';\nimport type { LightboxProps, LightboxRef } from './Lightbox.types';\nimport { LightboxCurrentMedia } from './LightboxCurrentMedia';\nimport { LightboxOverlay } from './LightboxOverlay';\nimport { LightboxStage } from './LightboxStage';\nimport { LightboxThumbnails } from './LightboxThumbnails';\nimport { useLightbox } from './useLightbox';\n\nconst DIALOG_STATIC_PROPS = {\n  maxWidth: false,\n  fullScreen: true,\n  TransitionComponent: Fade,\n  TransitionProps: { timeout: 300 },\n  PaperProps: { sx: { background: 'rgba(0, 0, 0, 0.9)', backdropFilter: 'blur(2px)' } },\n  'aria-label': 'Lightbox',\n  'aria-labelledby': 'lightbox-title',\n  role: 'dialog',\n  'aria-modal': 'true',\n} as const;\n\nexport const Lightbox = React.forwardRef<LightboxRef, LightboxProps>((componentProps, ref) => {\n  const props = resolveLightboxProps(componentProps);\n  const { isOpen, items, loop, autoplay, showControls, showCaptions, thumbnails, zoomable } = props;\n  const { className, style, dataTestId } = props;\n\n  const testId = makeTestId(dataTestId);\n  const lightbox = useLightbox(props, ref);\n  const { currentIndex, currentItem, zoom } = lightbox;\n\n  return (\n    <LightboxCopyProvider copy={props.copy}>\n    <Dialog\n      open={isOpen}\n      onClose={lightbox.close}\n      {...DIALOG_STATIC_PROPS}\n      className={className}\n      style={style}\n      onTouchStart={lightbox.handleTouchStart}\n      onTouchEnd={lightbox.handleTouchEnd}\n      data-testid={dataTestId || 'lightbox'}\n    >\n      {/* Visually hidden title for screen readers */}\n      <Typography id=\"lightbox-title\" variant=\"h6\" sx={{ position: 'absolute', left: -10000 }}>\n        Lightbox - {currentItem?.alt || `Item ${currentIndex + 1} of ${items.length}`}\n      </Typography>\n\n      <LightboxOverlay\n        testId={testId}\n        itemCount={items.length}\n        currentIndex={currentIndex}\n        showControls={showControls}\n        loop={loop}\n        autoplay={autoplay}\n        canZoom={lightbox.canZoom}\n        isAutoPlaying={lightbox.isAutoPlaying}\n        onClose={lightbox.close}\n        onPrev={lightbox.prev}\n        onNext={lightbox.next}\n        onZoomIn={zoom.zoomIn}\n        onZoomOut={zoom.zoomOut}\n        onResetZoom={zoom.resetZoom}\n        onToggleAutoplay={() => lightbox.setIsAutoPlaying((playing) => !playing)}\n      />\n\n      <LightboxStage\n        items={items}\n        currentItem={currentItem}\n        currentIndex={currentIndex}\n        isLoading={lightbox.isLoading}\n        showCaptions={showCaptions}\n        thumbnails={thumbnails}\n        testId={testId}\n        media={\n          <LightboxCurrentMedia\n            item={currentItem}\n            index={currentIndex}\n            total={items.length}\n            zoomable={zoomable}\n            zoom={zoom}\n            testId={testId}\n            onLoadingChange={lightbox.setIsLoading}\n            onWheel={lightbox.handleWheel}\n          />\n        }\n        thumbnailStrip={\n          thumbnails &&\n          items.length > 1 && (\n            <LightboxThumbnails\n              items={items}\n              currentIndex={currentIndex}\n              testId={testId}\n              onSelect={lightbox.goToIndex}\n            />\n          )\n        }\n      />\n    </Dialog>\n    </LightboxCopyProvider>\n  );\n});\n\nLightbox.displayName = 'Lightbox';\n\nexport default Lightbox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,QAAQ,MAAM,kBAAkB;AACzC,OAAO,WAAW;AA8CZ,SAIA,KAJA;AAlCN,IAAM,sBAAsB;AAAA,EAC1B,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,iBAAiB,EAAE,SAAS,IAAI;AAAA,EAChC,YAAY,EAAE,IAAI,EAAE,YAAY,sBAAsB,gBAAgB,YAAY,EAAE;AAAA,EACpF,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,MAAM;AAAA,EACN,cAAc;AAChB;AAEO,IAAM,WAAW,MAAM,WAAuC,CAAC,gBAAgB,QAAQ;AAC5F,QAAM,QAAQ,qBAAqB,cAAc;AACjD,QAAM,EAAE,QAAQ,OAAO,MAAM,UAAU,cAAc,cAAc,YAAY,SAAS,IAAI;AAC5F,QAAM,EAAE,WAAW,OAAO,WAAW,IAAI;AAEzC,QAAM,SAAS,WAAW,UAAU;AACpC,QAAM,WAAW,YAAY,OAAO,GAAG;AACvC,QAAM,EAAE,cAAc,aAAa,KAAK,IAAI;AAE5C,SACE,oBAAC,wBAAqB,MAAM,MAAM,MAClC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,SAAS,SAAS;AAAA,MACjB,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,cAAc,SAAS;AAAA,MACvB,YAAY,SAAS;AAAA,MACrB,eAAa,cAAc;AAAA,MAG3B;AAAA,6BAAC,cAAW,IAAG,kBAAiB,SAAQ,MAAK,IAAI,EAAE,UAAU,YAAY,MAAM,KAAO,GAAG;AAAA;AAAA,UAC3E,aAAa,OAAO,QAAQ,eAAe,CAAC,OAAO,MAAM,MAAM;AAAA,WAC7E;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW,MAAM;AAAA,YACjB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,SAAS;AAAA,YAClB,eAAe,SAAS;AAAA,YACxB,SAAS,SAAS;AAAA,YAClB,QAAQ,SAAS;AAAA,YACjB,QAAQ,SAAS;AAAA,YACjB,UAAU,KAAK;AAAA,YACf,WAAW,KAAK;AAAA,YAChB,aAAa,KAAK;AAAA,YAClB,kBAAkB,MAAM,SAAS,iBAAiB,CAAC,YAAY,CAAC,OAAO;AAAA;AAAA,QACzE;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,SAAS;AAAA,YACpB;AAAA,YACA;AAAA,YACA;AAAA,YACA,OACE;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM;AAAA,gBACN,OAAO;AAAA,gBACP,OAAO,MAAM;AAAA,gBACb;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,iBAAiB,SAAS;AAAA,gBAC1B,SAAS,SAAS;AAAA;AAAA,YACpB;AAAA,YAEF,gBACE,cACA,MAAM,SAAS,KACb;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,UAAU,SAAS;AAAA;AAAA,YACrB;AAAA;AAAA,QAGN;AAAA;AAAA;AAAA,EACF,GACA;AAEJ,CAAC;AAED,SAAS,cAAc;AAEvB,IAAO,mBAAQ;","names":[]}

package/dist/chunk-K7BR3U57.js

@@ -0,0 +1,18 @@
+// src/button/button.tsx
+import { jsx } from "react/jsx-runtime";
+function Button({ children, className, appName }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className,
+      onClick: () => alert(`Hello from your ${appName} app!`),
+      children
+    }
+  );
+}
+
+export {
+  Button
+};
+//# sourceMappingURL=chunk-K7BR3U57.js.map

package/dist/chunk-K7BR3U57.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button/button.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport type { ReactNode } from \"react\";\n\ninterface ButtonProps {\n  children: ReactNode;\n  className?: string;\n  appName: string;\n}\n\nexport function Button({ children, className, appName }: ButtonProps): React.JSX.Element {\n  return (\n    <button\n      type=\"button\"\n      className={className}\n      onClick={() => alert(`Hello from your ${appName} app!`)}\n    >\n      {children}\n    </button>\n  );\n}\n"],"mappings":";AAaI;AAFG,SAAS,OAAO,EAAE,UAAU,WAAW,QAAQ,GAAmC;AACvF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,SAAS,MAAM,MAAM,mBAAmB,OAAO,OAAO;AAAA,MAErD;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/chunk-KAK5SAEA.js

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

package/dist/chunk-KAK5SAEA.js.map

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

package/dist/chunk-KB6AGBMD.js

@@ -0,0 +1,86 @@
+// src/components/data-display/InteractiveTooltip/InteractiveTooltip.styles.ts
+import { alpha, keyframes } from "@mui/material";
+var pulseAnimation = keyframes`
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  70% {
+    transform: scale(1.05);
+    opacity: 0.8;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+`;
+var SIZE_MAP = {
+  sm: { fontSize: "0.75rem", padding: "4px 8px" },
+  md: { fontSize: "0.875rem", padding: "6px 12px" },
+  lg: { fontSize: "1rem", padding: "8px 16px" }
+};
+var getSizeStyles = (size) => SIZE_MAP[size] || SIZE_MAP.md;
+var variantStyles = (theme, variant) => {
+  switch (variant) {
+    case "default":
+      return {
+        backgroundColor: alpha(theme.palette.grey[900], 0.92),
+        color: theme.palette.common.white,
+        boxShadow: `0 4px 12px ${alpha(theme.palette.common.black, 0.3)}`
+      };
+    case "dark":
+      return {
+        backgroundColor: "#000000",
+        color: theme.palette.common.white,
+        boxShadow: `0 6px 16px ${alpha(theme.palette.common.black, 0.5)}`,
+        border: `1px solid ${alpha(theme.palette.common.white, 0.1)}`
+      };
+    case "light":
+      return {
+        backgroundColor: theme.palette.common.white,
+        color: theme.palette.grey[900],
+        border: `1px solid ${alpha(theme.palette.grey[400], 0.4)}`,
+        boxShadow: `0 4px 16px ${alpha(theme.palette.common.black, 0.15)}`
+      };
+    case "glass":
+      return {
+        backgroundColor: alpha(theme.palette.background.paper, 0.75),
+        backdropFilter: "blur(24px) saturate(180%)",
+        WebkitBackdropFilter: "blur(24px) saturate(180%)",
+        border: `1px solid ${alpha(theme.palette.divider, 0.3)}`,
+        color: theme.palette.text.primary,
+        boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.12)}`
+      };
+    default:
+      return {};
+  }
+};
+var emphasisStyles = (theme, glow, pulse) => ({
+  ...glow && {
+    boxShadow: `0 0 15px 3px ${alpha(theme.palette.primary.main, 0.4)} !important`,
+    filter: "brightness(1.05)"
+  },
+  ...pulse && {
+    animation: `${pulseAnimation} 2s infinite`
+  }
+});
+var arrowColor = (theme, variant) => {
+  switch (variant) {
+    case "light":
+      return theme.palette.common.white;
+    case "glass":
+      return alpha(theme.palette.background.paper, 0.75);
+    case "dark":
+      return "#000000";
+    default:
+      return alpha(theme.palette.grey[900], 0.92);
+  }
+};
+
+export {
+  getSizeStyles,
+  variantStyles,
+  emphasisStyles,
+  arrowColor
+};
+//# sourceMappingURL=chunk-KB6AGBMD.js.map

package/dist/chunk-KB6AGBMD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/InteractiveTooltip/InteractiveTooltip.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nconst pulseAnimation = keyframes`\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  70% {\n    transform: scale(1.05);\n    opacity: 0.8;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n`;\n\nconst SIZE_MAP = {\n  sm: { fontSize: '0.75rem', padding: '4px 8px' },\n  md: { fontSize: '0.875rem', padding: '6px 12px' },\n  lg: { fontSize: '1rem', padding: '8px 16px' },\n} as const;\n\nexport const getSizeStyles = (size?: string): { fontSize: string; padding: string } =>\n  SIZE_MAP[size as keyof typeof SIZE_MAP] || SIZE_MAP.md;\n\nexport const variantStyles = (theme: Theme, variant?: string): CSSObject => {\n  switch (variant) {\n    case 'default':\n      return {\n        backgroundColor: alpha(theme.palette.grey[900], 0.92),\n        color: theme.palette.common.white,\n        boxShadow: `0 4px 12px ${alpha(theme.palette.common.black, 0.3)}`,\n      };\n    case 'dark':\n      return {\n        backgroundColor: '#000000',\n        color: theme.palette.common.white,\n        boxShadow: `0 6px 16px ${alpha(theme.palette.common.black, 0.5)}`,\n        border: `1px solid ${alpha(theme.palette.common.white, 0.1)}`,\n      };\n    case 'light':\n      return {\n        backgroundColor: theme.palette.common.white,\n        color: theme.palette.grey[900],\n        border: `1px solid ${alpha(theme.palette.grey[400], 0.4)}`,\n        boxShadow: `0 4px 16px ${alpha(theme.palette.common.black, 0.15)}`,\n      };\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, 0.75),\n        backdropFilter: 'blur(24px) saturate(180%)',\n        WebkitBackdropFilter: 'blur(24px) saturate(180%)',\n        border: `1px solid ${alpha(theme.palette.divider, 0.3)}`,\n        color: theme.palette.text.primary,\n        boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.12)}`,\n      };\n    default:\n      return {};\n  }\n};\n\n// glow and pulse are independent flags. The three combinations used to be spelled\n// out one by one, but each is just the union of whichever flags are set.\nexport const emphasisStyles = (theme: Theme, glow?: boolean, pulse?: boolean): CSSObject => ({\n  ...(glow && {\n    boxShadow: `0 0 15px 3px ${alpha(theme.palette.primary.main, 0.4)} !important`,\n    filter: 'brightness(1.05)',\n  }),\n  ...(pulse && {\n    animation: `${pulseAnimation} 2s infinite`,\n  }),\n});\n\nexport const arrowColor = (theme: Theme, variant?: string): string => {\n  switch (variant) {\n    case 'light':\n      return theme.palette.common.white;\n    case 'glass':\n      return alpha(theme.palette.background.paper, 0.75);\n    case 'dark':\n      return '#000000';\n    default:\n      return alpha(theme.palette.grey[900], 0.92);\n  }\n};\n"],"mappings":";AAAA,SAAS,OAAO,iBAAiB;AAGjC,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAevB,IAAM,WAAW;AAAA,EACf,IAAI,EAAE,UAAU,WAAW,SAAS,UAAU;AAAA,EAC9C,IAAI,EAAE,UAAU,YAAY,SAAS,WAAW;AAAA,EAChD,IAAI,EAAE,UAAU,QAAQ,SAAS,WAAW;AAC9C;AAEO,IAAM,gBAAgB,CAAC,SAC5B,SAAS,IAA6B,KAAK,SAAS;AAE/C,IAAM,gBAAgB,CAAC,OAAc,YAAgC;AAC1E,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,MAAM,QAAQ,KAAK,GAAG,GAAG,IAAI;AAAA,QACpD,OAAO,MAAM,QAAQ,OAAO;AAAA,QAC5B,WAAW,cAAc,MAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,CAAC;AAAA,MACjE;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,OAAO,MAAM,QAAQ,OAAO;AAAA,QAC5B,WAAW,cAAc,MAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,CAAC;AAAA,QAC/D,QAAQ,aAAa,MAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,CAAC;AAAA,MAC7D;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,QAAQ,OAAO;AAAA,QACtC,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,QAC7B,QAAQ,aAAa,MAAM,MAAM,QAAQ,KAAK,GAAG,GAAG,GAAG,CAAC;AAAA,QACxD,WAAW,cAAc,MAAM,MAAM,QAAQ,OAAO,OAAO,IAAI,CAAC;AAAA,MAClE;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,QAC3D,gBAAgB;AAAA,QAChB,sBAAsB;AAAA,QACtB,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,QACtD,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,WAAW,cAAc,MAAM,MAAM,QAAQ,OAAO,OAAO,IAAI,CAAC;AAAA,MAClE;AAAA,IACF;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAIO,IAAM,iBAAiB,CAAC,OAAc,MAAgB,WAAgC;AAAA,EAC3F,GAAI,QAAQ;AAAA,IACV,WAAW,gBAAgB,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC;AAAA,IACjE,QAAQ;AAAA,EACV;AAAA,EACA,GAAI,SAAS;AAAA,IACX,WAAW,GAAG,cAAc;AAAA,EAC9B;AACF;AAEO,IAAM,aAAa,CAAC,OAAc,YAA6B;AACpE,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO,MAAM,QAAQ,OAAO;AAAA,IAC9B,KAAK;AACH,aAAO,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,IACnD,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO,MAAM,MAAM,QAAQ,KAAK,GAAG,GAAG,IAAI;AAAA,EAC9C;AACF;","names":[]}