@12-apps/ui 6.11.1 → 6.12.0

package/dist/chunk-BTOFGWM2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/SettingsLayout/SettingsStatusMarker.tsx"],"sourcesContent":["'use client';\n\nimport LockOutlinedIcon from '@mui/icons-material/LockOutlined';\nimport { Box } from '@mui/material';\nimport React from 'react';\n\nimport { SR_ONLY_SX, STATUS_COLOR } from './SettingsLayout.styles';\nimport type { SettingsNavStatus } from './SettingsLayout.types';\n\nexport interface SettingsStatusMarkerProps {\n  /** Which situation to draw. */\n  status: SettingsNavStatus;\n  /** What it means, in the host's language — the only carrier a screen reader gets. */\n  label?: string;\n  /** `data-testid` for the marker element. */\n  testId?: string;\n}\n\n/**\n * The situation marker beside a settings entry: a coloured dot, or a padlock\n * when the plan does not include the section.\n *\n * The label is rendered as visually-hidden text INSIDE the marker rather than as\n * an `aria-label` on it, so it lands in the accessible name of the row that\n * contains it. A row reading \"Endereço, ligado\" is one utterance; a decorative\n * dot with a title attribute beside it is two, and the second one is skipped.\n *\n * Colour alone never says which of the three states this is — that is the whole\n * reason `label` exists, and why a marker without one is a marker with no\n * meaning attached.\n */\nexport function SettingsStatusMarker({\n  status,\n  label,\n  testId,\n}: SettingsStatusMarkerProps): React.JSX.Element {\n  const hidden = label ? <Box component=\"span\" sx={SR_ONLY_SX}>{label}</Box> : null;\n\n  if (status === 'locked') {\n    return (\n      <Box\n        component=\"span\"\n        data-testid={testId}\n        data-status={status}\n        sx={{ display: 'inline-flex', alignItems: 'center', color: 'text.disabled' }}\n      >\n        <LockOutlinedIcon sx={{ fontSize: 16 }} />\n        {hidden}\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      component=\"span\"\n      data-testid={testId}\n      data-status={status}\n      sx={{ display: 'inline-flex', alignItems: 'center' }}\n    >\n      <Box\n        component=\"span\"\n        sx={{\n          width: 8,\n          height: 8,\n          borderRadius: '50%',\n          flex: '0 0 auto',\n          bgcolor: STATUS_COLOR[status],\n        }}\n      />\n      {hidden}\n    </Box>\n  );\n}\n\nSettingsStatusMarker.displayName = 'SettingsStatusMarker';\n"],"mappings":";;;;;;AAEA,OAAO,sBAAsB;AAC7B,SAAS,WAAW;AAiCK,cAInB,YAJmB;AALlB,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,GAAiD;AAC/C,QAAM,SAAS,QAAQ,oBAAC,OAAI,WAAU,QAAO,IAAI,YAAa,iBAAM,IAAS;AAE7E,MAAI,WAAW,UAAU;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAa;AAAA,QACb,eAAa;AAAA,QACb,IAAI,EAAE,SAAS,eAAe,YAAY,UAAU,OAAO,gBAAgB;AAAA,QAE3E;AAAA,8BAAC,oBAAiB,IAAI,EAAE,UAAU,GAAG,GAAG;AAAA,UACvC;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAa;AAAA,MACb,eAAa;AAAA,MACb,IAAI,EAAE,SAAS,eAAe,YAAY,SAAS;AAAA,MAEnD;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,IAAI;AAAA,cACF,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,cAAc;AAAA,cACd,MAAM;AAAA,cACN,SAAS,aAAa,MAAM;AAAA,YAC9B;AAAA;AAAA,QACF;AAAA,QACC;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,qBAAqB,cAAc;","names":[]}

package/dist/chunk-BWLDUAKD.js

@@ -1,158 +0,0 @@
-import {
-  CategoryPanelList
-} from "./chunk-XHLLSKKY.js";
-import {
-  CategoryPanelHead,
-  CategoryPinnedTray
-} from "./chunk-EO5XH5IL.js";
-import {
-  CategoryMultiFoot,
-  CategorySingleFoot
-} from "./chunk-YSTIA37W.js";
-import {
-  panelSx,
-  sheetSx
-} from "./chunk-5WN6ZIAH.js";
-import {
-  CategoryQuickActions
-} from "./chunk-ZLAYBWLN.js";
-import {
-  removeChip
-} from "./chunk-DVTCZR3K.js";
-
-// src/components/form/CategorySelect/CategoryPanel.tsx
-import { Box } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CategoryPanel({
-  state,
-  chips,
-  rowIds,
-  changed,
-  single,
-  sheet,
-  loading,
-  showCounts,
-  allowParentSelection,
-  ariaLabel,
-  onKeyDown,
-  onActivateCategory,
-  onActivateSubcategory,
-  onApply,
-  onCancel,
-  onCreateCategory,
-  searchInputRef,
-  listRef,
-  dataTestId,
-  copy
-}) {
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      onKeyDown,
-      role: "dialog",
-      "aria-label": ariaLabel,
-      "data-testid": `${dataTestId}-panel`,
-      sx: (theme) => ({ ...panelSx(theme), ...sheet ? sheetSx(theme) : {} }),
-      children: [
-        /* @__PURE__ */ jsx(
-          CategoryPanelHead,
-          {
-            copy,
-            query: state.query,
-            placeholder: single ? copy.search.placeholderSingle : copy.search.placeholderMulti,
-            sheet,
-            quickActions: single ? void 0 : /* @__PURE__ */ jsx(CategoryQuickActions, { state, dataTestId, copy }),
-            onQueryChange: state.setQuery,
-            searchInputRef,
-            dataTestId
-          }
-        ),
-        !single && !loading && /* @__PURE__ */ jsx(PinnedTray, { state, chips, dataTestId, copy }),
-        /* @__PURE__ */ jsx(
-          CategoryPanelList,
-          {
-            copy,
-            groups: state.visibleGroups,
-            query: state.query,
-            draft: state.draft,
-            rowIds,
-            activeIndex: state.activeIndex,
-            sheet,
-            single,
-            loading,
-            showCounts,
-            allowParentSelection,
-            isExpanded: state.isExpanded,
-            onToggleExpanded: state.toggleExpanded,
-            onActivateCategory,
-            onActivateSubcategory,
-            onClearQuery: () => state.setQuery(""),
-            onCreateCategory,
-            listRef,
-            dataTestId
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          PanelFooter,
-          {
-            state,
-            changed,
-            single,
-            sheet,
-            copy,
-            onApply,
-            onCancel,
-            dataTestId
-          }
-        )
-      ]
-    }
-  );
-}
-function PinnedTray({
-  state,
-  chips,
-  dataTestId,
-  copy
-}) {
-  return /* @__PURE__ */ jsx(
-    CategoryPinnedTray,
-    {
-      copy,
-      chips,
-      onRemove: (chipId) => state.setDraft(removeChip(state.allGroups, chipId, state.draft)),
-      dataTestId
-    }
-  );
-}
-function PanelFooter({
-  state,
-  changed,
-  single,
-  sheet,
-  onApply,
-  onCancel,
-  dataTestId,
-  copy
-}) {
-  if (single) {
-    return /* @__PURE__ */ jsx(CategorySingleFoot, { sheet, onCancel, dataTestId, copy });
-  }
-  return /* @__PURE__ */ jsx(
-    CategoryMultiFoot,
-    {
-      count: state.draft.size,
-      changed,
-      sheet,
-      copy,
-      onClear: () => state.setDraft(/* @__PURE__ */ new Set()),
-      onApply,
-      dataTestId
-    }
-  );
-}
-
-export {
-  CategoryPanel
-};
-//# sourceMappingURL=chunk-BWLDUAKD.js.map

package/dist/chunk-BWLDUAKD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CategorySelect/CategoryPanel.tsx"],"sourcesContent":["'use client';\n\nimport type { CategorySelectCopy } from \"../../../copy\";\nimport { Box } from '@mui/material';\n\nimport { removeChip } from './category-tree';\nimport { CategoryMultiFoot, CategorySingleFoot } from './CategoryPanelFoot';\nimport { CategoryPanelHead, CategoryPinnedTray } from './CategoryPanelHead';\nimport { CategoryPanelList } from './CategoryPanelList';\nimport { CategoryQuickActions } from './CategoryQuickActions';\nimport { panelSx, sheetSx } from './CategorySelect.styles';\nimport type { CategoryGroup, CategorySelectionChip } from './CategorySelect.types';\nimport type { CategorySelectState } from './useCategorySelect';\n\nexport interface CategoryPanelProps {\n  /** The words this panel renders. REQUIRED — no default copy. */\n  copy: CategorySelectCopy;\n  state: CategorySelectState;\n  chips: CategorySelectionChip[];\n  rowIds: string[];\n  /** True when the applied selection differs from the draft. */\n  changed: boolean;\n  single: boolean;\n  sheet: boolean;\n  loading: boolean;\n  showCounts: boolean;\n  allowParentSelection: boolean;\n  ariaLabel: string;\n  onKeyDown: (event: React.KeyboardEvent) => void;\n  onActivateCategory: (group: CategoryGroup) => void;\n  onActivateSubcategory: (id: string) => void;\n  onApply: () => void;\n  onCancel: () => void;\n  onCreateCategory?: () => void;\n  searchInputRef: React.RefObject<HTMLInputElement | null>;\n  listRef: React.RefObject<HTMLDivElement | null>;\n  dataTestId: string;\n}\n\n/** Search + pinned selection + tree + footer, in the panel's own chrome. */\nexport function CategoryPanel({\n  state,\n  chips,\n  rowIds,\n  changed,\n  single,\n  sheet,\n  loading,\n  showCounts,\n  allowParentSelection,\n  ariaLabel,\n  onKeyDown,\n  onActivateCategory,\n  onActivateSubcategory,\n  onApply,\n  onCancel,\n  onCreateCategory,\n  searchInputRef,\n  listRef,\n  dataTestId,\n  copy,\n}: CategoryPanelProps): React.JSX.Element {\n  return (\n    <Box\n      onKeyDown={onKeyDown}\n      role=\"dialog\"\n      aria-label={ariaLabel}\n      data-testid={`${dataTestId}-panel`}\n      sx={(theme) => ({ ...panelSx(theme), ...(sheet ? sheetSx(theme) : {}) })}\n    >\n      <CategoryPanelHead\n        copy={copy}\n        query={state.query}\n        placeholder={single ? copy.search.placeholderSingle : copy.search.placeholderMulti}\n        sheet={sheet}\n        quickActions={\n          single ? undefined : <CategoryQuickActions state={state} dataTestId={dataTestId} copy={copy} />\n        }\n        onQueryChange={state.setQuery}\n        searchInputRef={searchInputRef}\n        dataTestId={dataTestId}\n      />\n      {!single && !loading && (\n        <PinnedTray state={state} chips={chips} dataTestId={dataTestId} copy={copy} />\n      )}\n      <CategoryPanelList copy={copy}\n        groups={state.visibleGroups}\n        query={state.query}\n        draft={state.draft}\n        rowIds={rowIds}\n        activeIndex={state.activeIndex}\n        sheet={sheet}\n        single={single}\n        loading={loading}\n        showCounts={showCounts}\n        allowParentSelection={allowParentSelection}\n        isExpanded={state.isExpanded}\n        onToggleExpanded={state.toggleExpanded}\n        onActivateCategory={onActivateCategory}\n        onActivateSubcategory={onActivateSubcategory}\n        onClearQuery={() => state.setQuery('')}\n        onCreateCategory={onCreateCategory}\n        listRef={listRef}\n        dataTestId={dataTestId}\n      />\n      <PanelFooter\n        state={state}\n        changed={changed}\n        single={single}\n        sheet={sheet}\n        copy={copy}\n        onApply={onApply}\n        onCancel={onCancel}\n        dataTestId={dataTestId}\n      />\n    </Box>\n  );\n}\n\n/** The selected-category chips, wired to remove from the draft. */\nfunction PinnedTray({\n  state,\n  chips,\n  dataTestId,\n  copy,\n}: Pick<CategoryPanelProps, 'state' | 'chips' | 'dataTestId' | 'copy'>): React.JSX.Element {\n  return (\n    <CategoryPinnedTray\n      copy={copy}\n      chips={chips}\n      onRemove={(chipId) => state.setDraft(removeChip(state.allGroups, chipId, state.draft))}\n      dataTestId={dataTestId}\n    />\n  );\n}\n\n/** Whichever footer the mode calls for. */\nfunction PanelFooter({\n  state,\n  changed,\n  single,\n  sheet,\n  onApply,\n  onCancel,\n  dataTestId,\n  copy,\n}: Pick<\n  CategoryPanelProps,\n  'state' | 'changed' | 'single' | 'sheet' | 'onApply' | 'onCancel' | 'dataTestId' | 'copy'\n>): React.JSX.Element {\n  if (single) {\n    return (\n      <CategorySingleFoot sheet={sheet} onCancel={onCancel} dataTestId={dataTestId} copy={copy} />\n    );\n  }\n  return (\n    <CategoryMultiFoot\n      count={state.draft.size}\n      changed={changed}\n      sheet={sheet}\n      copy={copy}\n      onClear={() => state.setDraft(new Set())}\n      onApply={onApply}\n      dataTestId={dataTestId}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,SAAS,WAAW;AA4DhB,SAa2B,KAb3B;AAvBG,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0C;AACxC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,eAAa,GAAG,UAAU;AAAA,MAC1B,IAAI,CAAC,WAAW,EAAE,GAAG,QAAQ,KAAK,GAAG,GAAI,QAAQ,QAAQ,KAAK,IAAI,CAAC,EAAG;AAAA,MAEtE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,OAAO,MAAM;AAAA,YACb,aAAa,SAAS,KAAK,OAAO,oBAAoB,KAAK,OAAO;AAAA,YAClE;AAAA,YACA,cACE,SAAS,SAAY,oBAAC,wBAAqB,OAAc,YAAwB,MAAY;AAAA,YAE/F,eAAe,MAAM;AAAA,YACrB;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QACC,CAAC,UAAU,CAAC,WACX,oBAAC,cAAW,OAAc,OAAc,YAAwB,MAAY;AAAA,QAE9E;AAAA,UAAC;AAAA;AAAA,YAAkB;AAAA,YACjB,QAAQ,MAAM;AAAA,YACd,OAAO,MAAM;AAAA,YACb,OAAO,MAAM;AAAA,YACb;AAAA,YACA,aAAa,MAAM;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,YAAY,MAAM;AAAA,YAClB,kBAAkB,MAAM;AAAA,YACxB;AAAA,YACA;AAAA,YACA,cAAc,MAAM,MAAM,SAAS,EAAE;AAAA,YACrC;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAGA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2F;AACzF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAU,CAAC,WAAW,MAAM,SAAS,WAAW,MAAM,WAAW,QAAQ,MAAM,KAAK,CAAC;AAAA,MACrF;AAAA;AAAA,EACF;AAEJ;AAGA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGsB;AACpB,MAAI,QAAQ;AACV,WACE,oBAAC,sBAAmB,OAAc,UAAoB,YAAwB,MAAY;AAAA,EAE9F;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM,MAAM;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,MAAM,MAAM,SAAS,oBAAI,IAAI,CAAC;AAAA,MACvC;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-BWMR623X.js

@@ -1,133 +0,0 @@
-import {
-  useAutocomplete
-} from "./chunk-362OGE5J.js";
-import {
-  AutocompleteInput,
-  ChipList,
-  DefaultSuggestion,
-  SuggestionListBox
-} from "./chunk-7ZXGAMBO.js";
-import {
-  defaultGetKey,
-  defaultGetLabel,
-  defaultGetSuggestionType
-} from "./chunk-XBHQT4BQ.js";
-
-// src/components/form/Autocomplete/Autocomplete.tsx
-import { Box, ClickAwayListener } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-function resolveRenderConfig(p) {
-  return {
-    getKey: p.getKey ?? defaultGetKey,
-    getLabel: p.getLabel ?? defaultGetLabel,
-    getSuggestionType: p.getSuggestionType ?? defaultGetSuggestionType,
-    getDescription: p.getDescription,
-    renderSuggestion: p.renderSuggestion,
-    matchMode: p.matchMode ?? "contains",
-    multiple: Boolean(p.multiple),
-    selectedItems: p.selectedItems ?? [],
-    isLoading: Boolean(p.isLoading),
-    showGhostText: p.showGhostText ?? true,
-    placeholder: p.placeholder ?? p.copy.placeholder,
-    autoFocus: Boolean(p.autoFocus),
-    disabled: Boolean(p.disabled),
-    portal: p.portal ?? false,
-    className: p.className,
-    chipClassName: p.chipClassName,
-    inputAriaLabel: p.inputAriaLabel,
-    inputClassName: p.inputClassName,
-    listClassName: p.listClassName,
-    itemClassName: p.itemClassName,
-    activeItemClassName: p.activeItemClassName
-  };
-}
-function renderSuggestionNode(item, active, query, cfg) {
-  if (cfg.renderSuggestion) return cfg.renderSuggestion(item, { active, query });
-  return /* @__PURE__ */ jsx(
-    DefaultSuggestion,
-    {
-      item,
-      state: { active, query },
-      getLabel: cfg.getLabel,
-      getDescription: cfg.getDescription,
-      getSuggestionType: cfg.getSuggestionType,
-      matchMode: cfg.matchMode
-    }
-  );
-}
-var Autocomplete = (props) => {
-  const cfg = resolveRenderConfig(props);
-  const view = useAutocomplete(props);
-  const s = view.state;
-  const showNoResults = !cfg.isLoading && view.visibleSuggestions.length === 0 && Boolean(s.inputValue.trim());
-  return /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: view.onClickAway, children: /* @__PURE__ */ jsxs(Box, { className: cfg.className, "data-testid": "autocomplete-container", children: [
-    cfg.multiple && cfg.selectedItems.length > 0 && /* @__PURE__ */ jsx(
-      ChipList,
-      {
-        items: cfg.selectedItems,
-        getKey: cfg.getKey,
-        getLabel: cfg.getLabel,
-        onRemove: view.removeSelectedItem,
-        chipClassName: cfg.chipClassName
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      AutocompleteInput,
-      {
-        id: view.id,
-        listId: view.listId,
-        inputRef: s.inputRef,
-        inputValue: s.inputValue,
-        ghost: s.ghost,
-        showGhost: cfg.showGhostText,
-        isInputFocused: s.isInputFocused,
-        open: s.open,
-        activeDescendant: view.activeDescendant,
-        isLoading: cfg.isLoading,
-        disabled: cfg.disabled,
-        autoFocus: cfg.autoFocus,
-        placeholder: cfg.placeholder,
-        startAdornment: props.startAdornment,
-        inputAriaLabel: cfg.inputAriaLabel,
-        inputClassName: cfg.inputClassName,
-        onChange: view.onInputChange,
-        onKeyDown: view.onKeyDown,
-        onFocus: view.onFocus,
-        onBlur: view.onBlur,
-        onCompositionStart: () => s.setComposition(true),
-        onCompositionEnd: () => s.setComposition(false)
-      }
-    ),
-    s.open && /* @__PURE__ */ jsx(
-      SuggestionListBox,
-      {
-        copy: props.copy,
-        open: s.open,
-        anchorEl: s.inputRef.current,
-        portal: cfg.portal,
-        listRef: s.listRef,
-        listId: view.listId,
-        optionIdPrefix: view.optionIdPrefix,
-        items: view.visibleSuggestions,
-        activeIndex: s.activeIndex,
-        isLoading: cfg.isLoading,
-        showNoResults,
-        getKey: cfg.getKey,
-        onSelect: view.selectItem,
-        onHover: s.setActiveIndex,
-        renderItem: (item, active) => renderSuggestionNode(item, active, s.inputValue, cfg),
-        listClassName: cfg.listClassName,
-        itemClassName: cfg.itemClassName,
-        activeItemClassName: cfg.activeItemClassName
-      }
-    )
-  ] }) });
-};
-Autocomplete.displayName = "Autocomplete";
-var Autocomplete_default = Autocomplete;
-
-export {
-  Autocomplete,
-  Autocomplete_default
-};
-//# sourceMappingURL=chunk-BWMR623X.js.map

package/dist/chunk-BWMR623X.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { Box, ClickAwayListener } from '@mui/material';\nimport React from 'react';\n\nimport {\n  defaultGetKey,\n  defaultGetLabel,\n  defaultGetSuggestionType,\n  type MatchMode,\n} from './Autocomplete.helpers';\nimport {\n  AutocompleteInput,\n  ChipList,\n  DefaultSuggestion,\n  SuggestionListBox,\n} from './Autocomplete.parts';\nimport type { AutocompleteOption, AutocompleteProps, SuggestionType } from './Autocomplete.types';\nimport { useAutocomplete, type AutocompleteView } from './useAutocomplete';\n\n/** Presentational props resolved from {@link AutocompleteProps} (defaults applied once). */\ninterface RenderConfig<T> {\n  getKey: (item: T) => string;\n  getLabel: (item: T) => string;\n  getSuggestionType: (item: T) => SuggestionType | undefined;\n  getDescription?: (item: T) => string | undefined;\n  renderSuggestion?: (item: T, state: { active: boolean; query: string }) => React.ReactNode;\n  matchMode: MatchMode;\n  multiple: boolean;\n  selectedItems: T[];\n  isLoading: boolean;\n  showGhostText: boolean;\n  placeholder: string;\n  autoFocus: boolean;\n  disabled: boolean;\n  portal: boolean | { container?: HTMLElement };\n  className?: string;\n  chipClassName?: string;\n  inputAriaLabel?: string;\n  inputClassName?: string;\n  listClassName?: string;\n  itemClassName?: string;\n  activeItemClassName?: string;\n}\n\n/** Apply presentational defaults once so the component itself stays branch-light. */\nfunction resolveRenderConfig<T>(p: AutocompleteProps<T>): RenderConfig<T> {\n  return {\n    getKey: p.getKey ?? defaultGetKey,\n    getLabel: p.getLabel ?? defaultGetLabel,\n    getSuggestionType: p.getSuggestionType ?? defaultGetSuggestionType,\n    getDescription: p.getDescription,\n    renderSuggestion: p.renderSuggestion,\n    matchMode: p.matchMode ?? 'contains',\n    multiple: Boolean(p.multiple),\n    selectedItems: p.selectedItems ?? [],\n    isLoading: Boolean(p.isLoading),\n    showGhostText: p.showGhostText ?? true,\n    placeholder: p.placeholder ?? p.copy.placeholder,\n    autoFocus: Boolean(p.autoFocus),\n    disabled: Boolean(p.disabled),\n    portal: p.portal ?? false,\n    className: p.className,\n    chipClassName: p.chipClassName,\n    inputAriaLabel: p.inputAriaLabel,\n    inputClassName: p.inputClassName,\n    listClassName: p.listClassName,\n    itemClassName: p.itemClassName,\n    activeItemClassName: p.activeItemClassName,\n  };\n}\n\n/** A single suggestion node: the caller's custom renderer or the default row. */\nfunction renderSuggestionNode<T>(item: T, active: boolean, query: string, cfg: RenderConfig<T>): React.ReactNode {\n  if (cfg.renderSuggestion) return cfg.renderSuggestion(item, { active, query });\n  return (\n    <DefaultSuggestion\n      item={item}\n      state={{ active, query }}\n      getLabel={cfg.getLabel}\n      getDescription={cfg.getDescription}\n      getSuggestionType={cfg.getSuggestionType}\n      matchMode={cfg.matchMode}\n    />\n  );\n}\n\n/**\n * ARIA combobox with a popup listbox: local/async filtering, inline ghost\n * completion (Tab/→), multi-select chips, custom rendering, and typed\n * `search`/`link` suggestions (a `link` opens its URL instead of filling the\n * input). State/effects/handlers live in {@link useAutocomplete}; presentational\n * pieces live in `Autocomplete.parts`.\n */\nexport const Autocomplete = <T = AutocompleteOption>(props: AutocompleteProps<T>): React.JSX.Element => {\n  const cfg = resolveRenderConfig(props);\n  const view: AutocompleteView<T> = useAutocomplete<T>(props);\n  const s = view.state;\n  const showNoResults =\n    !cfg.isLoading && view.visibleSuggestions.length === 0 && Boolean(s.inputValue.trim());\n\n  return (\n    <ClickAwayListener onClickAway={view.onClickAway}>\n      <Box className={cfg.className} data-testid=\"autocomplete-container\">\n        {cfg.multiple && cfg.selectedItems.length > 0 && (\n          <ChipList\n            items={cfg.selectedItems}\n            getKey={cfg.getKey}\n            getLabel={cfg.getLabel}\n            onRemove={view.removeSelectedItem}\n            chipClassName={cfg.chipClassName}\n          />\n        )}\n\n        <AutocompleteInput\n          id={view.id}\n          listId={view.listId}\n          inputRef={s.inputRef}\n          inputValue={s.inputValue}\n          ghost={s.ghost}\n          showGhost={cfg.showGhostText}\n          isInputFocused={s.isInputFocused}\n          open={s.open}\n          activeDescendant={view.activeDescendant}\n          isLoading={cfg.isLoading}\n          disabled={cfg.disabled}\n          autoFocus={cfg.autoFocus}\n          placeholder={cfg.placeholder}\n          startAdornment={props.startAdornment}\n          inputAriaLabel={cfg.inputAriaLabel}\n          inputClassName={cfg.inputClassName}\n          onChange={view.onInputChange}\n          onKeyDown={view.onKeyDown}\n          onFocus={view.onFocus}\n          onBlur={view.onBlur}\n          onCompositionStart={() => s.setComposition(true)}\n          onCompositionEnd={() => s.setComposition(false)}\n        />\n\n        {s.open && (\n          <SuggestionListBox\n            copy={props.copy}\n            open={s.open}\n            anchorEl={s.inputRef.current}\n            portal={cfg.portal}\n            listRef={s.listRef}\n            listId={view.listId}\n            optionIdPrefix={view.optionIdPrefix}\n            items={view.visibleSuggestions}\n            activeIndex={s.activeIndex}\n            isLoading={cfg.isLoading}\n            showNoResults={showNoResults}\n            getKey={cfg.getKey}\n            onSelect={view.selectItem}\n            onHover={s.setActiveIndex}\n            renderItem={(item, active) => renderSuggestionNode(item, active, s.inputValue, cfg)}\n            listClassName={cfg.listClassName}\n            itemClassName={cfg.itemClassName}\n            activeItemClassName={cfg.activeItemClassName}\n          />\n        )}\n      </Box>\n    </ClickAwayListener>\n  );\n};\n\nAutocomplete.displayName = 'Autocomplete';\n\nexport default Autocomplete;\n"],"mappings":"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","names":[]}

package/dist/chunk-C2OAUSOX.js

@@ -1,181 +0,0 @@
-import {
-  DataViewsGrid
-} from "./chunk-U72QL2OR.js";
-import {
-  DeleteViewDialog
-} from "./chunk-PPDG6FRL.js";
-import {
-  viewStateKey
-} from "./chunk-ZOLAYP2D.js";
-import {
-  ViewDialogs,
-  ViewMutationErrorAlert
-} from "./chunk-KD34ODAZ.js";
-import {
-  useSavedViewsController
-} from "./chunk-6IAQGSXD.js";
-
-// src/components/data-display/DataViews/DataViewsTableBase.tsx
-import { useEffect, useMemo, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function useUrlSyncState(server, initialState) {
-  const isServerMode = server !== void 0;
-  return useMemo(
-    () => isServerMode && initialState ? {
-      search: initialState.search,
-      pills: initialState.pills,
-      ranges: initialState.ranges,
-      sortBy: initialState.sortBy,
-      // The scope belongs in the URL-driven slice alongside them: a
-      // `?view=recusados`-style deep link and browser back/forward must
-      // move the tab strip, and they must do it WITHOUT resetting the
-      // user's hidden columns — which is the whole reason this is a
-      // merging `syncState` and not a replacing `appliedState`.
-      scope: initialState.scope
-    } : void 0,
-    [isServerMode, initialState]
-  );
-}
-function resolveInitialView(views, requestedId) {
-  const requested = requestedId ? views.find((view) => view.id === requestedId) : void 0;
-  return requested ?? views.find((view) => view.isDefault);
-}
-function buildDisplayView({
-  ctl,
-  views,
-  activeView,
-  dirty,
-  onRequestDelete
-}) {
-  return {
-    activeViewName: ctl.activeViewName,
-    dirty,
-    onReset: () => activeView ? ctl.applyView(activeView) : ctl.selectMain(),
-    // Only offer "Atualizar" when there IS a view to update — otherwise the
-    // single footer button is a plain "Salvar visão".
-    onUpdate: activeView ? () => ctl.openEdit(activeView) : void 0,
-    onSaveAs: ctl.openCreate,
-    // The views themselves, not a dropdown: the panel renders them in its own
-    // body (see `data-views-view-nav`), so there is no second popover to clip
-    // the row actions.
-    nav: {
-      views,
-      activeViewId: activeView?.id ?? null,
-      onSelectView: (id) => {
-        const next = id === null ? null : views.find((view) => view.id === id);
-        if (next) ctl.applyView(next);
-        else ctl.selectMain();
-      },
-      onEditView: ctl.openEdit,
-      onPatchView: (view, changes) => void ctl.patchView(view, changes),
-      onDeleteView: onRequestDelete
-    }
-  };
-}
-function useDirtyTracking(ctl) {
-  const [dirty, setDirty] = useState(false);
-  const [savedAt, setSavedAt] = useState(0);
-  const baseline = useRef(null);
-  const appliedKey = JSON.stringify(ctl.applied ?? null);
-  useEffect(() => {
-    baseline.current = null;
-    setDirty(false);
-  }, [appliedKey, savedAt]);
-  return {
-    dirty,
-    noteState: (state) => {
-      ctl.currentRef.current = state;
-      const key = viewStateKey(state);
-      if (baseline.current === null) {
-        baseline.current = key;
-        setDirty(false);
-        return;
-      }
-      const next = key !== baseline.current;
-      setDirty((prev) => prev === next ? prev : next);
-    },
-    markSaved: () => setSavedAt((tick) => tick + 1)
-  };
-}
-function DataViewsTableBase(props) {
-  const {
-    initialViewId = null,
-    persistence,
-    router,
-    columns,
-    fields,
-    testIdPrefix = "table",
-    views,
-    server,
-    initialState
-  } = props;
-  const initialView = resolveInitialView(views, initialViewId);
-  const columnIds = columns.map((col) => col.id);
-  const ctl = useSavedViewsController(persistence, router, columnIds, views, initialView, initialState);
-  const { dirty, noteState, markSaved } = useDirtyTracking(ctl);
-  const [pendingDelete, setPendingDelete] = useState(null);
-  const activeView = views.find((view) => view.name === ctl.activeViewName);
-  const displayView = buildDisplayView({
-    ctl,
-    views,
-    activeView,
-    dirty,
-    onRequestDelete: setPendingDelete
-  });
-  const syncState = useUrlSyncState(server, initialState);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ViewMutationErrorAlert, { error: ctl.mutationError, onClose: ctl.clearMutationError, testIdPrefix }),
-    /* @__PURE__ */ jsx(
-      DataViewsGrid,
-      {
-        ...props,
-        testIdPrefix,
-        appliedState: ctl.applied,
-        syncState,
-        onStateChange: noteState,
-        displayView
-      }
-    ),
-    renderViewDialogs(ctl, fields, columns, views, testIdPrefix, markSaved),
-    /* @__PURE__ */ jsx(
-      DeleteViewDialog,
-      {
-        view: pendingDelete,
-        onClose: () => setPendingDelete(null),
-        onConfirm: (view) => {
-          void ctl.handleDelete(view);
-          setPendingDelete(null);
-        },
-        testIdPrefix
-      }
-    )
-  ] });
-}
-function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
-  return /* @__PURE__ */ jsx(
-    ViewDialogs,
-    {
-      saveOpen: ctl.saveOpen,
-      onCloseSave: ctl.closeSave,
-      currentState: ctl.editing ? ctl.editing.state : ctl.currentRef.current,
-      fields,
-      columns,
-      editing: ctl.editing,
-      onSave: async (payload) => {
-        await ctl.handleSave(payload);
-        onSaved();
-      },
-      manageOpen: ctl.manageOpen,
-      onCloseManage: () => ctl.setManageOpen(false),
-      views,
-      onEditFromManage: ctl.editFromManage,
-      onDelete: (view) => void ctl.handleDelete(view),
-      testIdPrefix
-    }
-  );
-}
-
-export {
-  DataViewsTableBase
-};
-//# sourceMappingURL=chunk-C2OAUSOX.js.map