@planningcenter/tapestry 4.11.0 → 4.12.0-rc.0

package/dist/components/DataTable/savedViews.js.map

@@ -1 +1 @@
-{"version":3,"file":"savedViews.js","sources":["../../../src/components/DataTable/savedViews.ts"],"sourcesContent":["import type { Sort } from \"./DataTable\"\nimport type { ActiveFilter } from \"./FilterTypes\"\n\nexport interface SavedView {\n  activeFilters: ActiveFilter[]\n  /** Overrides `savedViewsOptions.deletable` for this view. */\n  deletable?: boolean\n  /** Overrides `savedViewsOptions.editable` for this view. */\n  editable?: boolean\n  /** Omit to leave the current column visibility unchanged when applied. */\n  hiddenColumnNames?: string[]\n  id: number | string\n  name: string\n  /** Omit to leave the current sort unchanged when applied. */\n  sort?: Sort\n}\n\nexport interface SavedViewsOptions {\n  creatable?: boolean\n  deletable?: boolean\n  /** Covers both renaming a view and overwriting its filters, sort, and columns. */\n  editable?: boolean\n}\n\ninterface SavedViewState {\n  activeFilters: ActiveFilter[]\n  hiddenColumnNames: string[]\n  sort: Sort | undefined\n}\n\n/**\n * The first view matching the current state, or undefined. Only picks the\n * initially selected view. Filters match regardless of order, ignoring\n * display-only labels. A view's `sort` and `hiddenColumnNames` are only\n * compared when the view sets them.\n */\nexport function findActiveSavedView(\n  savedViews: SavedView[],\n  state: SavedViewState\n): SavedView | undefined {\n  return savedViews.find((view) => savedViewMatches(view, state))\n}\n\nfunction savedViewMatches(view: SavedView, state: SavedViewState): boolean {\n  if (!filtersMatch(view.activeFilters, state.activeFilters)) return false\n  if (view.sort && !sortMatches(view.sort, state.sort)) return false\n  return (\n    !view.hiddenColumnNames ||\n    namesMatch(view.hiddenColumnNames, state.hiddenColumnNames)\n  )\n}\n\nfunction filtersMatch(a: ActiveFilter[], b: ActiveFilter[]): boolean {\n  if (a.length !== b.length) return false\n  const unmatched = [...b]\n  return a.every((filter) => {\n    const index = unmatched.findIndex((other) => filterMatches(filter, other))\n    if (index === -1) return false\n    unmatched.splice(index, 1)\n    return true\n  })\n}\n\nfunction filterMatches(a: ActiveFilter, b: ActiveFilter): boolean {\n  return (\n    a.name === b.name &&\n    a.operator === b.operator &&\n    a.scope === b.scope &&\n    valueMatches(a.value, b.value)\n  )\n}\n\nfunction valueMatches(a: unknown, b: unknown): boolean {\n  if (Array.isArray(a) && Array.isArray(b)) {\n    return a.length === b.length && a.every((item, i) => item === b[i])\n  }\n  return a === b\n}\n\nfunction sortMatches(a: Sort, b: Sort | undefined): boolean {\n  return a.column === b?.column && a.direction === b?.direction\n}\n\nfunction namesMatch(a: string[], b: string[]): boolean {\n  const names = new Set(b)\n  return new Set(a).size === names.size && a.every((name) => names.has(name))\n}\n"],"names":[],"mappings":"AA8BA;;;;;AAKG;AACG,SAAU,mBAAmB,CACjC,UAAuB,EACvB,KAAqB,EAAA;AAErB,IAAA,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACjE;AAEA,SAAS,gBAAgB,CAAC,IAAe,EAAE,KAAqB,EAAA;IAC9D,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC;AAAE,QAAA,OAAO,KAAK;AACxE,IAAA,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC;AAAE,QAAA,OAAO,KAAK;AAClE,IAAA,QACE,CAAC,IAAI,CAAC,iBAAiB;QACvB,UAAU,CAAC,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC;AAE/D;AAEA,SAAS,YAAY,CAAC,CAAiB,EAAE,CAAiB,EAAA;AACxD,IAAA,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM;AAAE,QAAA,OAAO,KAAK;AACvC,IAAA,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC;AACxB,IAAA,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,KAAI;AACxB,QAAA,MAAM,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC,KAAK,KAAK,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAC1E,IAAI,KAAK,KAAK,EAAE;AAAE,YAAA,OAAO,KAAK;AAC9B,QAAA,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAC1B,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,CAAC;AACJ;AAEA,SAAS,aAAa,CAAC,CAAe,EAAE,CAAe,EAAA;AACrD,IAAA,QACE,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;AACjB,QAAA,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ;AACzB,QAAA,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK;QACnB,YAAY,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC;AAElC;AAEA,SAAS,YAAY,CAAC,CAAU,EAAE,CAAU,EAAA;AAC1C,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QACxC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACrE;IACA,OAAO,CAAC,KAAK,CAAC;AAChB;AAEA,SAAS,WAAW,CAAC,CAAO,EAAE,CAAmB,EAAA;AAC/C,IAAA,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC,CAAC,SAAS,KAAK,CAAC,EAAE,SAAS;AAC/D;AAEA,SAAS,UAAU,CAAC,CAAW,EAAE,CAAW,EAAA;AAC1C,IAAA,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC;AACxB,IAAA,OAAO,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAC7E;;;;"}
+{"version":3,"file":"savedViews.js","sources":["../../../src/components/DataTable/savedViews.ts"],"sourcesContent":["import type { Sort } from \"./DataTable\"\nimport type { ActiveFilter } from \"./FilterTypes\"\n\nexport interface SavedView {\n  activeFilters: ActiveFilter[]\n  /** Omit to leave the current column visibility unchanged when applied. */\n  hiddenColumnNames?: string[]\n  /** Assigned by the consumer once the view is saved. */\n  id?: number | string\n  name: string\n  /** Omit to leave the current sort unchanged when applied. */\n  sort?: Sort\n}\n\n/** An app-provided view. Read-only. */\nexport type StaticView = SavedView & { id: number | string }\n\n/**\n * Always listed, so there's a view to fall back to. Added before the static\n * views unless one of them uses its id, which replaces it.\n */\nexport const initialView: StaticView = {\n  activeFilters: [],\n  id: \"initial\",\n  name: \"All\",\n}\n\ninterface SavedViewState {\n  activeFilters: ActiveFilter[]\n  hiddenColumnNames: string[]\n  sort: Sort | undefined\n}\n\n/**\n * The most specific view matching the current state, or undefined. Only\n * picks the initially selected view. Filters match regardless of order,\n * ignoring display-only labels. A view's `sort` and `hiddenColumnNames` are\n * only compared when the view sets them, so a view that sets more of them is\n * more specific. Among equally specific matches, the first wins.\n */\nexport function findActiveSavedView(\n  savedViews: SavedView[],\n  state: SavedViewState\n): SavedView | undefined {\n  let mostSpecificMatch: SavedView | undefined\n  for (const view of savedViews) {\n    if (!savedViewMatches(view, state)) continue\n    if (\n      !mostSpecificMatch ||\n      specificity(view) > specificity(mostSpecificMatch)\n    ) {\n      mostSpecificMatch = view\n    }\n  }\n  return mostSpecificMatch\n}\n\nfunction specificity(view: SavedView): number {\n  return Number(Boolean(view.sort)) + Number(Boolean(view.hiddenColumnNames))\n}\n\nfunction savedViewMatches(view: SavedView, state: SavedViewState): boolean {\n  if (!filtersMatch(view.activeFilters, state.activeFilters)) return false\n  if (view.sort && !sortMatches(view.sort, state.sort)) return false\n  return (\n    !view.hiddenColumnNames ||\n    namesMatch(view.hiddenColumnNames, state.hiddenColumnNames)\n  )\n}\n\nfunction filtersMatch(a: ActiveFilter[], b: ActiveFilter[]): boolean {\n  if (a.length !== b.length) return false\n  const unmatched = [...b]\n  return a.every((filter) => {\n    const index = unmatched.findIndex((other) => filterMatches(filter, other))\n    if (index === -1) return false\n    unmatched.splice(index, 1)\n    return true\n  })\n}\n\nfunction filterMatches(a: ActiveFilter, b: ActiveFilter): boolean {\n  return (\n    a.name === b.name &&\n    a.operator === b.operator &&\n    a.scope === b.scope &&\n    valueMatches(a.value, b.value)\n  )\n}\n\nfunction valueMatches(a: unknown, b: unknown): boolean {\n  if (Array.isArray(a) && Array.isArray(b)) {\n    return a.length === b.length && a.every((item, i) => item === b[i])\n  }\n  return a === b\n}\n\nfunction sortMatches(a: Sort, b: Sort | undefined): boolean {\n  return a.column === b?.column && a.direction === b?.direction\n}\n\nfunction namesMatch(a: string[], b: string[]): boolean {\n  const names = new Set(b)\n  return new Set(a).size === names.size && a.every((name) => names.has(name))\n}\n"],"names":[],"mappings":"AAiBA;;;AAGG;AACI,MAAM,WAAW,GAAe;AACrC,IAAA,aAAa,EAAE,EAAE;AACjB,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,IAAI,EAAE,KAAK;;AASb;;;;;;AAMG;AACG,SAAU,mBAAmB,CACjC,UAAuB,EACvB,KAAqB,EAAA;AAErB,IAAA,IAAI,iBAAwC;AAC5C,IAAA,KAAK,MAAM,IAAI,IAAI,UAAU,EAAE;AAC7B,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC;YAAE;AACpC,QAAA,IACE,CAAC,iBAAiB;YAClB,WAAW,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,iBAAiB,CAAC,EAClD;YACA,iBAAiB,GAAG,IAAI;QAC1B;IACF;AACA,IAAA,OAAO,iBAAiB;AAC1B;AAEA,SAAS,WAAW,CAAC,IAAe,EAAA;AAClC,IAAA,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;AAC7E;AAEA,SAAS,gBAAgB,CAAC,IAAe,EAAE,KAAqB,EAAA;IAC9D,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC;AAAE,QAAA,OAAO,KAAK;AACxE,IAAA,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC;AAAE,QAAA,OAAO,KAAK;AAClE,IAAA,QACE,CAAC,IAAI,CAAC,iBAAiB;QACvB,UAAU,CAAC,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC;AAE/D;AAEA,SAAS,YAAY,CAAC,CAAiB,EAAE,CAAiB,EAAA;AACxD,IAAA,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM;AAAE,QAAA,OAAO,KAAK;AACvC,IAAA,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC;AACxB,IAAA,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,KAAI;AACxB,QAAA,MAAM,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC,KAAK,KAAK,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAC1E,IAAI,KAAK,KAAK,EAAE;AAAE,YAAA,OAAO,KAAK;AAC9B,QAAA,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAC1B,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,CAAC;AACJ;AAEA,SAAS,aAAa,CAAC,CAAe,EAAE,CAAe,EAAA;AACrD,IAAA,QACE,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;AACjB,QAAA,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ;AACzB,QAAA,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK;QACnB,YAAY,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC;AAElC;AAEA,SAAS,YAAY,CAAC,CAAU,EAAE,CAAU,EAAA;AAC1C,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QACxC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACrE;IACA,OAAO,CAAC,KAAK,CAAC;AAChB;AAEA,SAAS,WAAW,CAAC,CAAO,EAAE,CAAmB,EAAA;AAC/C,IAAA,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC,CAAC,SAAS,KAAK,CAAC,EAAE,SAAS;AAC/D;AAEA,SAAS,UAAU,CAAC,CAAW,EAAE,CAAW,EAAA;AAC1C,IAAA,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC;AACxB,IAAA,OAAO,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAC7E;;;;"}

package/dist/components/DataTable/useActiveSavedView.d.ts

@@ -2,6 +2,6 @@ import type { SavedView } from "./savedViews";
 export declare function useActiveSavedView(savedViews: SavedView[], getInitialView: () => SavedView | undefined): {
     activeSavedView: SavedView | undefined;
     select: (view: SavedView) => void;
-    selectWhenSaved: (savedId: Promise<SavedView["id"]> | SavedView["id"]) => Promise<void>;
+    selectWhenSaved: (savedView: Promise<SavedView> | SavedView) => Promise<void>;
 };
 //# sourceMappingURL=useActiveSavedView.d.ts.map

package/dist/components/DataTable/useActiveSavedView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useActiveSavedView.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/useActiveSavedView.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,wBAAgB,kBAAkB,CAChC,UAAU,EAAE,SAAS,EAAE,EACvB,cAAc,EAAE,MAAM,SAAS,GAAG,SAAS;;mBAQ1B,SAAS;+BAKb,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC;EAOxD"}
+{"version":3,"file":"useActiveSavedView.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/useActiveSavedView.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,wBAAgB,kBAAkB,CAChC,UAAU,EAAE,SAAS,EAAE,EACvB,cAAc,EAAE,MAAM,SAAS,GAAG,SAAS;;mBAY1B,SAAS;iCAIW,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS;EAQpE"}

package/dist/components/DataTable/useActiveSavedView.js

@@ -5,14 +5,20 @@ function useActiveSavedView(savedViews, getInitialView) {
     // Lets a slow save skip selecting its view if the user picked another.
     const selectionCount = useRef(0);
     return {
-        activeSavedView: savedViews.find(({ id }) => id === activeId),
+        // A view without an id isn't saved yet, so it can't be the active one.
+        activeSavedView: activeId === undefined
+            ? undefined
+            : savedViews.find(({ id }) => id === activeId),
         select: (view) => {
             selectionCount.current++;
             setActiveId(view.id);
         },
-        selectWhenSaved: async (savedId) => {
+        selectWhenSaved: async (savedView) => {
             const selection = ++selectionCount.current;
-            const id = await savedId;
+            // Tolerates a consumer that returns nothing, leaving the selection as is.
+            const id = (await savedView)?.id;
+            if (id === undefined)
+                return;
             if (selection === selectionCount.current)
                 setActiveId(id);
         },

package/dist/components/DataTable/useActiveSavedView.js.map

@@ -1 +1 @@
-{"version":3,"file":"useActiveSavedView.js","sources":["../../../src/components/DataTable/useActiveSavedView.ts"],"sourcesContent":["import { useRef, useState } from \"react\"\n\nimport type { SavedView } from \"./savedViews\"\n\nexport function useActiveSavedView(\n  savedViews: SavedView[],\n  getInitialView: () => SavedView | undefined\n) {\n  const [activeId, setActiveId] = useState(() => getInitialView()?.id)\n  // Lets a slow save skip selecting its view if the user picked another.\n  const selectionCount = useRef(0)\n\n  return {\n    activeSavedView: savedViews.find(({ id }) => id === activeId),\n    select: (view: SavedView) => {\n      selectionCount.current++\n      setActiveId(view.id)\n    },\n    selectWhenSaved: async (\n      savedId: Promise<SavedView[\"id\"]> | SavedView[\"id\"]\n    ) => {\n      const selection = ++selectionCount.current\n      const id = await savedId\n      if (selection === selectionCount.current) setActiveId(id)\n    },\n  }\n}\n"],"names":[],"mappings":";;AAIM,SAAU,kBAAkB,CAChC,UAAuB,EACvB,cAA2C,EAAA;AAE3C,IAAA,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,MAAM,cAAc,EAAE,EAAE,EAAE,CAAC;;AAEpE,IAAA,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC;IAEhC,OAAO;AACL,QAAA,eAAe,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,QAAQ,CAAC;AAC7D,QAAA,MAAM,EAAE,CAAC,IAAe,KAAI;YAC1B,cAAc,CAAC,OAAO,EAAE;AACxB,YAAA,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;QACtB,CAAC;AACD,QAAA,eAAe,EAAE,OACf,OAAmD,KACjD;AACF,YAAA,MAAM,SAAS,GAAG,EAAE,cAAc,CAAC,OAAO;AAC1C,YAAA,MAAM,EAAE,GAAG,MAAM,OAAO;AACxB,YAAA,IAAI,SAAS,KAAK,cAAc,CAAC,OAAO;gBAAE,WAAW,CAAC,EAAE,CAAC;QAC3D,CAAC;KACF;AACH;;;;"}
+{"version":3,"file":"useActiveSavedView.js","sources":["../../../src/components/DataTable/useActiveSavedView.ts"],"sourcesContent":["import { useRef, useState } from \"react\"\n\nimport type { SavedView } from \"./savedViews\"\n\nexport function useActiveSavedView(\n  savedViews: SavedView[],\n  getInitialView: () => SavedView | undefined\n) {\n  const [activeId, setActiveId] = useState(() => getInitialView()?.id)\n  // Lets a slow save skip selecting its view if the user picked another.\n  const selectionCount = useRef(0)\n\n  return {\n    // A view without an id isn't saved yet, so it can't be the active one.\n    activeSavedView:\n      activeId === undefined\n        ? undefined\n        : savedViews.find(({ id }) => id === activeId),\n    select: (view: SavedView) => {\n      selectionCount.current++\n      setActiveId(view.id)\n    },\n    selectWhenSaved: async (savedView: Promise<SavedView> | SavedView) => {\n      const selection = ++selectionCount.current\n      // Tolerates a consumer that returns nothing, leaving the selection as is.\n      const id = (await savedView)?.id\n      if (id === undefined) return\n      if (selection === selectionCount.current) setActiveId(id)\n    },\n  }\n}\n"],"names":[],"mappings":";;AAIM,SAAU,kBAAkB,CAChC,UAAuB,EACvB,cAA2C,EAAA;AAE3C,IAAA,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,MAAM,cAAc,EAAE,EAAE,EAAE,CAAC;;AAEpE,IAAA,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC;IAEhC,OAAO;;QAEL,eAAe,EACb,QAAQ,KAAK;AACX,cAAE;AACF,cAAE,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,QAAQ,CAAC;AAClD,QAAA,MAAM,EAAE,CAAC,IAAe,KAAI;YAC1B,cAAc,CAAC,OAAO,EAAE;AACxB,YAAA,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;QACtB,CAAC;AACD,QAAA,eAAe,EAAE,OAAO,SAAyC,KAAI;AACnE,YAAA,MAAM,SAAS,GAAG,EAAE,cAAc,CAAC,OAAO;;YAE1C,MAAM,EAAE,GAAG,CAAC,MAAM,SAAS,GAAG,EAAE;YAChC,IAAI,EAAE,KAAK,SAAS;gBAAE;AACtB,YAAA,IAAI,SAAS,KAAK,cAAc,CAAC,OAAO;gBAAE,WAAW,CAAC,EAAE,CAAC;QAC3D,CAAC;KACF;AACH;;;;"}

package/dist/components/DataTable/useFilterAnnouncement.d.ts

@@ -0,0 +1,24 @@
+import type { DataTableLoadingState } from "./DataTable";
+import type { ActiveFilter } from "./FilterTypes";
+import { type ResultNoun } from "./ResultsCount";
+export declare const FILTER_ANNOUNCEMENT_DELAY_MS = 500;
+/**
+ * Announces the results count to screen reader users after each filter
+ * change, once the results settle: `loadingState` is not `"loading"`, and
+ * neither it nor the count has changed for
+ * {@link FILTER_ANNOUNCEMENT_DELAY_MS}. A change to `"error"` cancels the
+ * message, because the error is announced on its own. An `"error"` left over
+ * from an earlier request only delays it.
+ *
+ * Returns an `onActiveFiltersChange` to use in place of the caller's, so only
+ * changes the user makes are announced.
+ */
+export declare function useFilterAnnouncement({ isPageCount, loadingState, onActiveFiltersChange, resultNoun, totalCount, }: {
+    /** Whether `totalCount` covers only the current page, not the whole set. */
+    isPageCount: boolean;
+    loadingState: DataTableLoadingState;
+    onActiveFiltersChange: (activeFilters: ActiveFilter[]) => void;
+    resultNoun: ResultNoun | undefined;
+    totalCount: number;
+}): (activeFilters: ActiveFilter[]) => void;
+//# sourceMappingURL=useFilterAnnouncement.d.ts.map

package/dist/components/DataTable/useFilterAnnouncement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterAnnouncement.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/useFilterAnnouncement.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAwB,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEtE,eAAO,MAAM,4BAA4B,MAAM,CAAA;AAE/C;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,WAAW,EACX,YAAY,EACZ,qBAAqB,EACrB,UAAU,EACV,UAAU,GACX,EAAE;IACD,4EAA4E;IAC5E,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,EAAE,qBAAqB,CAAA;IACnC,qBAAqB,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,IAAI,CAAA;IAC9D,UAAU,EAAE,UAAU,GAAG,SAAS,CAAA;IAClC,UAAU,EAAE,MAAM,CAAA;CACnB,GAAG,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,IAAI,CA8B1C"}

package/dist/components/DataTable/useFilterAnnouncement.js

@@ -0,0 +1,49 @@
+import { useAnnounce } from '../../utilities/useAnnounce.js';
+import { useRef, useState, useEffect } from 'react';
+import { getResultsCountLabel } from './ResultsCount.js';
+
+const FILTER_ANNOUNCEMENT_DELAY_MS = 500;
+/**
+ * Announces the results count to screen reader users after each filter
+ * change, once the results settle: `loadingState` is not `"loading"`, and
+ * neither it nor the count has changed for
+ * {@link FILTER_ANNOUNCEMENT_DELAY_MS}. A change to `"error"` cancels the
+ * message, because the error is announced on its own. An `"error"` left over
+ * from an earlier request only delays it.
+ *
+ * Returns an `onActiveFiltersChange` to use in place of the caller's, so only
+ * changes the user makes are announced.
+ */
+function useFilterAnnouncement({ isPageCount, loadingState, onActiveFiltersChange, resultNoun, totalCount, }) {
+    const announce = useAnnounce();
+    const isDue = useRef(false);
+    const previousLoadingState = useRef(loadingState);
+    const [changeCount, setChangeCount] = useState(0);
+    const countLabel = getResultsCountLabel(totalCount, resultNoun || true);
+    const message = isPageCount ? `${countLabel} on this page` : countLabel;
+    useEffect(() => {
+        const failed = loadingState === "error" && previousLoadingState.current !== "error";
+        previousLoadingState.current = loadingState;
+        if (!isDue.current)
+            return;
+        if (failed) {
+            isDue.current = false;
+            return;
+        }
+        if (loadingState !== "idle")
+            return;
+        const timeout = setTimeout(() => {
+            isDue.current = false;
+            announce(message);
+        }, FILTER_ANNOUNCEMENT_DELAY_MS);
+        return () => clearTimeout(timeout);
+    }, [announce, changeCount, loadingState, message]);
+    return (activeFilters) => {
+        isDue.current = true;
+        setChangeCount((count) => count + 1);
+        onActiveFiltersChange(activeFilters);
+    };
+}
+
+export { FILTER_ANNOUNCEMENT_DELAY_MS, useFilterAnnouncement };
+//# sourceMappingURL=useFilterAnnouncement.js.map

package/dist/components/DataTable/useFilterAnnouncement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterAnnouncement.js","sources":["../../../src/components/DataTable/useFilterAnnouncement.ts"],"sourcesContent":["import { useAnnounce } from \"@utilities/useAnnounce\"\nimport { useEffect, useRef, useState } from \"react\"\n\nimport type { DataTableLoadingState } from \"./DataTable\"\nimport type { ActiveFilter } from \"./FilterTypes\"\nimport { getResultsCountLabel, type ResultNoun } from \"./ResultsCount\"\n\nexport const FILTER_ANNOUNCEMENT_DELAY_MS = 500\n\n/**\n * Announces the results count to screen reader users after each filter\n * change, once the results settle: `loadingState` is not `\"loading\"`, and\n * neither it nor the count has changed for\n * {@link FILTER_ANNOUNCEMENT_DELAY_MS}. A change to `\"error\"` cancels the\n * message, because the error is announced on its own. An `\"error\"` left over\n * from an earlier request only delays it.\n *\n * Returns an `onActiveFiltersChange` to use in place of the caller's, so only\n * changes the user makes are announced.\n */\nexport function useFilterAnnouncement({\n  isPageCount,\n  loadingState,\n  onActiveFiltersChange,\n  resultNoun,\n  totalCount,\n}: {\n  /** Whether `totalCount` covers only the current page, not the whole set. */\n  isPageCount: boolean\n  loadingState: DataTableLoadingState\n  onActiveFiltersChange: (activeFilters: ActiveFilter[]) => void\n  resultNoun: ResultNoun | undefined\n  totalCount: number\n}): (activeFilters: ActiveFilter[]) => void {\n  const announce = useAnnounce()\n  const isDue = useRef(false)\n  const previousLoadingState = useRef(loadingState)\n  const [changeCount, setChangeCount] = useState(0)\n  const countLabel = getResultsCountLabel(totalCount, resultNoun || true)\n  const message = isPageCount ? `${countLabel} on this page` : countLabel\n\n  useEffect(() => {\n    const failed =\n      loadingState === \"error\" && previousLoadingState.current !== \"error\"\n    previousLoadingState.current = loadingState\n    if (!isDue.current) return\n    if (failed) {\n      isDue.current = false\n      return\n    }\n    if (loadingState !== \"idle\") return\n    const timeout = setTimeout(() => {\n      isDue.current = false\n      announce(message)\n    }, FILTER_ANNOUNCEMENT_DELAY_MS)\n    return () => clearTimeout(timeout)\n  }, [announce, changeCount, loadingState, message])\n\n  return (activeFilters) => {\n    isDue.current = true\n    setChangeCount((count) => count + 1)\n    onActiveFiltersChange(activeFilters)\n  }\n}\n"],"names":[],"mappings":";;;;AAOO,MAAM,4BAA4B,GAAG;AAE5C;;;;;;;;;;AAUG;AACG,SAAU,qBAAqB,CAAC,EACpC,WAAW,EACX,YAAY,EACZ,qBAAqB,EACrB,UAAU,EACV,UAAU,GAQX,EAAA;AACC,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE;AAC9B,IAAA,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;AAC3B,IAAA,MAAM,oBAAoB,GAAG,MAAM,CAAC,YAAY,CAAC;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,EAAE,UAAU,IAAI,IAAI,CAAC;AACvE,IAAA,MAAM,OAAO,GAAG,WAAW,GAAG,CAAA,EAAG,UAAU,CAAA,aAAA,CAAe,GAAG,UAAU;IAEvE,SAAS,CAAC,MAAK;QACb,MAAM,MAAM,GACV,YAAY,KAAK,OAAO,IAAI,oBAAoB,CAAC,OAAO,KAAK,OAAO;AACtE,QAAA,oBAAoB,CAAC,OAAO,GAAG,YAAY;QAC3C,IAAI,CAAC,KAAK,CAAC,OAAO;YAAE;QACpB,IAAI,MAAM,EAAE;AACV,YAAA,KAAK,CAAC,OAAO,GAAG,KAAK;YACrB;QACF;QACA,IAAI,YAAY,KAAK,MAAM;YAAE;AAC7B,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAK;AAC9B,YAAA,KAAK,CAAC,OAAO,GAAG,KAAK;YACrB,QAAQ,CAAC,OAAO,CAAC;QACnB,CAAC,EAAE,4BAA4B,CAAC;AAChC,QAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;IACpC,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC;IAElD,OAAO,CAAC,aAAa,KAAI;AACvB,QAAA,KAAK,CAAC,OAAO,GAAG,IAAI;QACpB,cAAc,CAAC,CAAC,KAAK,KAAK,KAAK,GAAG,CAAC,CAAC;QACpC,qBAAqB,CAAC,aAAa,CAAC;AACtC,IAAA,CAAC;AACH;;;;"}

package/dist/components/DataTable/useUpdateSavedViewName.d.ts

@@ -0,0 +1,7 @@
+import type { SavedView } from "./savedViews";
+/**
+ * Saves a view's new name, trimmed. Callers skip blank and unchanged names,
+ * since `view.name` is out of date while a save is pending.
+ */
+export declare function useUpdateSavedViewName(onUpdate?: (savedView: SavedView) => Promise<SavedView> | SavedView): (view: SavedView, name: string) => Promise<void>;
+//# sourceMappingURL=useUpdateSavedViewName.d.ts.map

package/dist/components/DataTable/useUpdateSavedViewName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateSavedViewName.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/useUpdateSavedViewName.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,IAErD,MAAM,SAAS,EAAE,MAAM,MAAM,mBAG5C"}

package/dist/components/DataTable/useUpdateSavedViewName.js

@@ -0,0 +1,12 @@
+/**
+ * Saves a view's new name, trimmed. Callers skip blank and unchanged names,
+ * since `view.name` is out of date while a save is pending.
+ */
+function useUpdateSavedViewName(onUpdate) {
+    return async (view, name) => {
+        await onUpdate?.({ ...view, name: name.trim() });
+    };
+}
+
+export { useUpdateSavedViewName };
+//# sourceMappingURL=useUpdateSavedViewName.js.map

package/dist/components/DataTable/useUpdateSavedViewName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateSavedViewName.js","sources":["../../../src/components/DataTable/useUpdateSavedViewName.ts"],"sourcesContent":["import type { SavedView } from \"./savedViews\"\n\n/**\n * Saves a view's new name, trimmed. Callers skip blank and unchanged names,\n * since `view.name` is out of date while a save is pending.\n */\nexport function useUpdateSavedViewName(\n  onUpdate?: (savedView: SavedView) => Promise<SavedView> | SavedView\n) {\n  return async (view: SavedView, name: string) => {\n    await onUpdate?.({ ...view, name: name.trim() })\n  }\n}\n"],"names":[],"mappings":"AAEA;;;AAGG;AACG,SAAU,sBAAsB,CACpC,QAAmE,EAAA;AAEnE,IAAA,OAAO,OAAO,IAAe,EAAE,IAAY,KAAI;AAC7C,QAAA,MAAM,QAAQ,GAAG,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;AAClD,IAAA,CAAC;AACH;;;;"}

package/dist/components/button/ActionsDropdownIconButton.d.ts

@@ -1,11 +1,11 @@
 import { ComponentSize } from "../../utilities/buttonLinkShared";
 import React from "react";
-import { IconButtonProps } from "./IconButton";
-export type ActionsDropdownIconButtonProps = Omit<IconButtonProps, "aria-label" | "icon" | "kind" | "loading" | "size"> & {
+import { IconButtonBaseProps, TooltipPlacement } from "./IconButton";
+export type ActionsDropdownIconButtonProps = Omit<IconButtonBaseProps, "aria-label" | "icon" | "kind" | "loading" | "size"> & {
     /**
-     * Accessible name. Defaults to `"Actions"`. Override when a page has
-     * several actions menus that need distinguishing (e.g. `"Actions for
-     * Jane Doe"`).
+     * Accessible name. Defaults to `"Actions"` when `tooltip` is not set.
+     * Override when a page has several actions menus that need
+     * distinguishing (e.g. `"Actions for Jane Doe"`).
      */
     "aria-label"?: string;
     /**
@@ -38,6 +38,10 @@ export type ActionsDropdownIconButtonProps = Omit<IconButtonProps, "aria-label"
     size?: Exclude<ComponentSize, "xs">;
     /** Not supported — no caret, and nothing else in the suffix slot. */
     suffix?: never;
+    /** Text shown on hover and focus. Without `aria-label`, it is also used as the `aria-label`. With `aria-label`, start the `aria-label` with the same text (e.g. tooltip `"Delete"`, aria-label `"Delete, 3 selected"`). The tooltip itself is hidden from screen readers. Ignores `aria-labelledby`. */
+    tooltip?: string;
+    /** Where the tooltip renders relative to the button. Default `"bottom"`. Has no effect without `tooltip`. */
+    tooltipPlacement?: TooltipPlacement;
 };
 /**
  * An icon-only dropdown trigger with a vertical-ellipsis glyph and no
@@ -45,11 +49,11 @@ export type ActionsDropdownIconButtonProps = Omit<IconButtonProps, "aria-label"
  *
  * @component
  */
-export declare const ActionsDropdownIconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "aria-label" | "size" | "icon" | "kind" | "loading"> & {
+export declare const ActionsDropdownIconButton: React.ForwardRefExoticComponent<Omit<IconButtonBaseProps, "aria-label" | "size" | "icon" | "kind" | "loading"> & {
     /**
-     * Accessible name. Defaults to `"Actions"`. Override when a page has
-     * several actions menus that need distinguishing (e.g. `"Actions for
-     * Jane Doe"`).
+     * Accessible name. Defaults to `"Actions"` when `tooltip` is not set.
+     * Override when a page has several actions menus that need
+     * distinguishing (e.g. `"Actions for Jane Doe"`).
      */
     "aria-label"?: string;
     /**
@@ -82,5 +86,9 @@ export declare const ActionsDropdownIconButton: React.ForwardRefExoticComponent<
     size?: Exclude<ComponentSize, "xs">;
     /** Not supported — no caret, and nothing else in the suffix slot. */
     suffix?: never;
+    /** Text shown on hover and focus. Without `aria-label`, it is also used as the `aria-label`. With `aria-label`, start the `aria-label` with the same text (e.g. tooltip `"Delete"`, aria-label `"Delete, 3 selected"`). The tooltip itself is hidden from screen readers. Ignores `aria-labelledby`. */
+    tooltip?: string;
+    /** Where the tooltip renders relative to the button. Default `"bottom"`. Has no effect without `tooltip`. */
+    tooltipPlacement?: TooltipPlacement;
 } & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=ActionsDropdownIconButton.d.ts.map

package/dist/components/button/ActionsDropdownIconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsDropdownIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/ActionsDropdownIconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAG3D,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAA;AAE1D,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAC/C,eAAe,EACf,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CACpD,GAAG;IACF;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,yEAAyE;IACzE,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAA;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAA;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnC,qEAAqE;IACrE,MAAM,CAAC,EAAE,KAAK,CAAA;CACf,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB;IA5CpC;;;;OAIG;mBACY,MAAM;IACrB;;;OAGG;gBACS,KAAK;IACjB,yEAAyE;WAClE,KAAK;IACZ;;;OAGG;WACI,OAAO,GAAG,SAAS;IAC1B;;;OAGG;cACO,KAAK;IACf;;;OAGG;aACM,KAAK;IACd;;;;OAIG;WACI,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC;IACnC,qEAAqE;aAC5D,KAAK;2CA6Cf,CAAA"}
+{"version":3,"file":"ActionsDropdownIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/ActionsDropdownIconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAG3D,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,EAAc,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEhF,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAC/C,mBAAmB,EACnB,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CACpD,GAAG;IACF;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,yEAAyE;IACzE,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAA;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAA;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnC,qEAAqE;IACrE,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,wSAAwS;IACxS,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,6GAA6G;IAC7G,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;CACpC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB;IAhDpC;;;;OAIG;mBACY,MAAM;IACrB;;;OAGG;gBACS,KAAK;IACjB,yEAAyE;WAClE,KAAK;IACZ;;;OAGG;WACI,OAAO,GAAG,SAAS;IAC1B;;;OAGG;cACO,KAAK;IACf;;;OAGG;aACM,KAAK;IACd;;;;OAIG;WACI,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC;IACnC,qEAAqE;aAC5D,KAAK;IACd,wSAAwS;cAC9R,MAAM;IAChB,6GAA6G;uBAC1F,gBAAgB;2CAiDpC,CAAA"}

package/dist/components/button/ActionsDropdownIconButton.js

@@ -10,9 +10,12 @@ import { IconButton } from './IconButton.js';
  *
  * @component
  */
-const ActionsDropdownIconButton = forwardRef(({ "aria-label": ariaLabel = "Actions", className, kind = "ghost", ...restProps }, ref) => {
+const ActionsDropdownIconButton = forwardRef(({ "aria-label": ariaLabel, className, kind = "ghost", tooltip, ...restProps }, ref) => {
     const contextProps = useContext(DropdownTriggerContext);
-    return (React.createElement(IconButton, { ref: ref, ...restProps, ...contextProps, "aria-label": ariaLabel, className: classNames(className, "tds-btn--actions-dropdown"), fullWidth: false, icon: React.createElement(Icon, { className: "actions-icon", symbol: "general#three-dots", "aria-hidden": true }), kind: kind, loading: undefined, prefix: undefined, suffix: undefined }));
+    const nameProps = tooltip
+        ? { "aria-label": ariaLabel, tooltip }
+        : { "aria-label": ariaLabel ?? "Actions" };
+    return (React.createElement(IconButton, { ref: ref, ...restProps, ...contextProps, ...nameProps, className: classNames(className, "tds-btn--actions-dropdown"), fullWidth: false, icon: React.createElement(Icon, { className: "actions-icon", symbol: "general#three-dots", "aria-hidden": true }), kind: kind, loading: undefined, prefix: undefined, suffix: undefined }));
 });
 ActionsDropdownIconButton.displayName = "ActionsDropdownIconButton";
 

package/dist/components/button/ActionsDropdownIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsDropdownIconButton.js","sources":["../../../src/components/button/ActionsDropdownIconButton.tsx"],"sourcesContent":["import { DropdownTriggerContext } from \"@components/dropdown/DropdownTriggerContext\"\nimport { ComponentSize } from \"@utilities/buttonLinkShared\"\nimport Icon from \"@utilities/Icon\"\nimport classNames from \"classnames\"\nimport React, { forwardRef, useContext } from \"react\"\n\nimport { IconButton, IconButtonProps } from \"./IconButton\"\n\nexport type ActionsDropdownIconButtonProps = Omit<\n  IconButtonProps,\n  \"aria-label\" | \"icon\" | \"kind\" | \"loading\" | \"size\"\n> & {\n  /**\n   * Accessible name. Defaults to `\"Actions\"`. Override when a page has\n   * several actions menus that need distinguishing (e.g. `\"Actions for\n   * Jane Doe\"`).\n   */\n  \"aria-label\"?: string\n  /**\n   * Not supported — an actions trigger is a fixed-size icon button and\n   * shouldn't stretch to fill a container. Always rendered as `false`.\n   */\n  fullWidth?: never\n  /** Not supported — the vertical ellipsis is the component's identity. */\n  icon?: never\n  /**\n   * Only `\"ghost\"` and `\"neutral\"` are supported treatments for an actions\n   * trigger. Defaults to `\"ghost\"`.\n   */\n  kind?: \"ghost\" | \"neutral\"\n  /**\n   * Not supported — `.tds-btn--loading` hides every non-spinner child, so a\n   * loading actions button would render a bare spinner with no glyph.\n   */\n  loading?: never\n  /**\n   * Not supported — same reasoning as `suffix`: total control over the\n   * button's contents, and no slot besides the fixed ellipsis icon.\n   */\n  prefix?: never\n  /**\n   * `xs` is excluded — at 20px effective height it falls below the WCAG 2.2\n   * AA 24×24 minimum target size, and an icon-only button has no text\n   * content to widen it past the minimum.\n   */\n  size?: Exclude<ComponentSize, \"xs\">\n  /** Not supported — no caret, and nothing else in the suffix slot. */\n  suffix?: never\n}\n\n/**\n * An icon-only dropdown trigger with a vertical-ellipsis glyph and no\n * caret, for action menus where a caret is visually redundant.\n *\n * @component\n */\nexport const ActionsDropdownIconButton = forwardRef<\n  HTMLButtonElement,\n  ActionsDropdownIconButtonProps\n>(\n  (\n    {\n      \"aria-label\": ariaLabel = \"Actions\",\n      className,\n      kind = \"ghost\",\n      ...restProps\n    }: ActionsDropdownIconButtonProps,\n    ref\n  ) => {\n    const contextProps = useContext(DropdownTriggerContext)\n    return (\n      <IconButton\n        ref={ref}\n        {...restProps}\n        {...contextProps}\n        aria-label={ariaLabel}\n        className={classNames(className, \"tds-btn--actions-dropdown\")}\n        fullWidth={false}\n        icon={\n          <Icon\n            className=\"actions-icon\"\n            symbol=\"general#three-dots\"\n            aria-hidden\n          />\n        }\n        kind={kind}\n        loading={undefined}\n        prefix={undefined}\n        suffix={undefined}\n      />\n    )\n  }\n)\n\nActionsDropdownIconButton.displayName = \"ActionsDropdownIconButton\"\n"],"names":[],"mappings":";;;;;;AAkDA;;;;;AAKG;AACI,MAAM,yBAAyB,GAAG,UAAU,CAIjD,CACE,EACE,YAAY,EAAE,SAAS,GAAG,SAAS,EACnC,SAAS,EACT,IAAI,GAAG,OAAO,EACd,GAAG,SAAS,EACmB,EACjC,GAAG,KACD;AACF,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,sBAAsB,CAAC;IACvD,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EAAA,GACJ,SAAS,EAAA,GACT,YAAY,EAAA,YAAA,EACJ,SAAS,EACrB,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,2BAA2B,CAAC,EAC7D,SAAS,EAAE,KAAK,EAChB,IAAI,EACF,oBAAC,IAAI,EAAA,EACH,SAAS,EAAC,cAAc,EACxB,MAAM,EAAC,oBAAoB,EAAA,aAAA,EAAA,IAAA,EAAA,CAE3B,EAEJ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,SAAS,EAAA,CACjB;AAEN,CAAC;AAGH,yBAAyB,CAAC,WAAW,GAAG,2BAA2B;;;;"}
+{"version":3,"file":"ActionsDropdownIconButton.js","sources":["../../../src/components/button/ActionsDropdownIconButton.tsx"],"sourcesContent":["import { DropdownTriggerContext } from \"@components/dropdown/DropdownTriggerContext\"\nimport { ComponentSize } from \"@utilities/buttonLinkShared\"\nimport Icon from \"@utilities/Icon\"\nimport classNames from \"classnames\"\nimport React, { forwardRef, useContext } from \"react\"\n\nimport { IconButton, IconButtonBaseProps, TooltipPlacement } from \"./IconButton\"\n\nexport type ActionsDropdownIconButtonProps = Omit<\n  IconButtonBaseProps,\n  \"aria-label\" | \"icon\" | \"kind\" | \"loading\" | \"size\"\n> & {\n  /**\n   * Accessible name. Defaults to `\"Actions\"` when `tooltip` is not set.\n   * Override when a page has several actions menus that need\n   * distinguishing (e.g. `\"Actions for Jane Doe\"`).\n   */\n  \"aria-label\"?: string\n  /**\n   * Not supported — an actions trigger is a fixed-size icon button and\n   * shouldn't stretch to fill a container. Always rendered as `false`.\n   */\n  fullWidth?: never\n  /** Not supported — the vertical ellipsis is the component's identity. */\n  icon?: never\n  /**\n   * Only `\"ghost\"` and `\"neutral\"` are supported treatments for an actions\n   * trigger. Defaults to `\"ghost\"`.\n   */\n  kind?: \"ghost\" | \"neutral\"\n  /**\n   * Not supported — `.tds-btn--loading` hides every non-spinner child, so a\n   * loading actions button would render a bare spinner with no glyph.\n   */\n  loading?: never\n  /**\n   * Not supported — same reasoning as `suffix`: total control over the\n   * button's contents, and no slot besides the fixed ellipsis icon.\n   */\n  prefix?: never\n  /**\n   * `xs` is excluded — at 20px effective height it falls below the WCAG 2.2\n   * AA 24×24 minimum target size, and an icon-only button has no text\n   * content to widen it past the minimum.\n   */\n  size?: Exclude<ComponentSize, \"xs\">\n  /** Not supported — no caret, and nothing else in the suffix slot. */\n  suffix?: never\n  /** Text shown on hover and focus. Without `aria-label`, it is also used as the `aria-label`. With `aria-label`, start the `aria-label` with the same text (e.g. tooltip `\"Delete\"`, aria-label `\"Delete, 3 selected\"`). The tooltip itself is hidden from screen readers. Ignores `aria-labelledby`. */\n  tooltip?: string\n  /** Where the tooltip renders relative to the button. Default `\"bottom\"`. Has no effect without `tooltip`. */\n  tooltipPlacement?: TooltipPlacement\n}\n\n/**\n * An icon-only dropdown trigger with a vertical-ellipsis glyph and no\n * caret, for action menus where a caret is visually redundant.\n *\n * @component\n */\nexport const ActionsDropdownIconButton = forwardRef<\n  HTMLButtonElement,\n  ActionsDropdownIconButtonProps\n>(\n  (\n    {\n      \"aria-label\": ariaLabel,\n      className,\n      kind = \"ghost\",\n      tooltip,\n      ...restProps\n    }: ActionsDropdownIconButtonProps,\n    ref\n  ) => {\n    const contextProps = useContext(DropdownTriggerContext)\n    const nameProps = tooltip\n      ? { \"aria-label\": ariaLabel, tooltip }\n      : { \"aria-label\": ariaLabel ?? \"Actions\" }\n    return (\n      <IconButton\n        ref={ref}\n        {...restProps}\n        {...contextProps}\n        {...nameProps}\n        className={classNames(className, \"tds-btn--actions-dropdown\")}\n        fullWidth={false}\n        icon={\n          <Icon\n            className=\"actions-icon\"\n            symbol=\"general#three-dots\"\n            aria-hidden\n          />\n        }\n        kind={kind}\n        loading={undefined}\n        prefix={undefined}\n        suffix={undefined}\n      />\n    )\n  }\n)\n\nActionsDropdownIconButton.displayName = \"ActionsDropdownIconButton\"\n"],"names":[],"mappings":";;;;;;AAsDA;;;;;AAKG;AACI,MAAM,yBAAyB,GAAG,UAAU,CAIjD,CACE,EACE,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,IAAI,GAAG,OAAO,EACd,OAAO,EACP,GAAG,SAAS,EACmB,EACjC,GAAG,KACD;AACF,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,sBAAsB,CAAC;IACvD,MAAM,SAAS,GAAG;AAChB,UAAE,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO;UAClC,EAAE,YAAY,EAAE,SAAS,IAAI,SAAS,EAAE;IAC5C,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EAAA,GACJ,SAAS,EAAA,GACT,YAAY,EAAA,GACZ,SAAS,EACb,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,2BAA2B,CAAC,EAC7D,SAAS,EAAE,KAAK,EAChB,IAAI,EACF,oBAAC,IAAI,EAAA,EACH,SAAS,EAAC,cAAc,EACxB,MAAM,EAAC,oBAAoB,EAAA,aAAA,EAAA,IAAA,EAAA,CAE3B,EAEJ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,SAAS,EACjB,MAAM,EAAE,SAAS,EAAA,CACjB;AAEN,CAAC;AAGH,yBAAyB,CAAC,WAAW,GAAG,2BAA2B;;;;"}

package/dist/components/button/DropdownIconButton.d.ts

@@ -1,16 +1,15 @@
 import React from "react";
 import { DropdownButtonProps } from "./DropdownButton";
+import { IconButtonProps } from "./IconButton";
 /**
  * An icon-only button that toggles a dropdown menu or popover. Appends a
  * caret suffix to the icon and wires up `aria-controls` and `aria-expanded`
- * to the controlled element. Requires an `aria-label` for accessibility.
+ * to the controlled element. Requires an `aria-label` or `tooltip` for
+ * accessibility.
  *
  * @component
  * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/buttons-dropdown-icon-button--docs | Storybook Documentation}
  * @see {@link https://github.com/planningcenter/tapestry/tree/main/packages/tapestry-migration-cli | Migration CLI: Available}
  */
-export declare const DropdownIconButton: React.ForwardRefExoticComponent<Omit<import("./BaseButton").BaseButtonElementProps, "label"> & {
-    "aria-label": string;
-    icon: React.ReactNode;
-} & DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DropdownIconButton: React.ForwardRefExoticComponent<(IconButtonProps & DropdownButtonProps) & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=DropdownIconButton.d.ts.map

package/dist/components/button/DropdownIconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/DropdownIconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,kBAAkB,CAAA;AAGrE;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB;;;iEAa7B,CAAA"}
+{"version":3,"file":"DropdownIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/DropdownIconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,kBAAkB,CAAA;AACrE,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAA;AAE1D;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,mHAa7B,CAAA"}

package/dist/components/button/DropdownIconButton.js

@@ -6,7 +6,8 @@ import { IconButton } from './IconButton.js';
 /**
  * An icon-only button that toggles a dropdown menu or popover. Appends a
  * caret suffix to the icon and wires up `aria-controls` and `aria-expanded`
- * to the controlled element. Requires an `aria-label` for accessibility.
+ * to the controlled element. Requires an `aria-label` or `tooltip` for
+ * accessibility.
  *
  * @component
  * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/buttons-dropdown-icon-button--docs | Storybook Documentation}

package/dist/components/button/DropdownIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownIconButton.js","sources":["../../../src/components/button/DropdownIconButton.tsx"],"sourcesContent":["import { DropdownTriggerContext } from \"@components/dropdown/DropdownTriggerContext\"\nimport React, { forwardRef, useContext } from \"react\"\n\nimport { DropdownButtonProps, dropdownProps } from \"./DropdownButton\"\nimport { IconButton, IconButtonProps } from \"./IconButton\"\n\n/**\n * An icon-only button that toggles a dropdown menu or popover. Appends a\n * caret suffix to the icon and wires up `aria-controls` and `aria-expanded`\n * to the controlled element. Requires an `aria-label` for accessibility.\n *\n * @component\n * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/buttons-dropdown-icon-button--docs | Storybook Documentation}\n * @see {@link https://github.com/planningcenter/tapestry/tree/main/packages/tapestry-migration-cli | Migration CLI: Available}\n */\nexport const DropdownIconButton = forwardRef<\n  HTMLButtonElement,\n  IconButtonProps & DropdownButtonProps\n>((props, ref) => {\n  const contextProps = useContext(DropdownTriggerContext)\n  return (\n    <IconButton\n      ref={ref}\n      {...props}\n      {...contextProps}\n      {...dropdownProps(props)}\n    />\n  )\n})\n\nDropdownIconButton.displayName = \"DropdownIconButton\"\n"],"names":[],"mappings":";;;;;AAMA;;;;;;;;AAQG;AACI,MAAM,kBAAkB,GAAG,UAAU,CAG1C,CAAC,KAAK,EAAE,GAAG,KAAI;AACf,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,sBAAsB,CAAC;AACvD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,IACT,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EAAA,GACL,YAAY,KACZ,aAAa,CAAC,KAAK,CAAC,EAAA,CACxB;AAEN,CAAC;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}
+{"version":3,"file":"DropdownIconButton.js","sources":["../../../src/components/button/DropdownIconButton.tsx"],"sourcesContent":["import { DropdownTriggerContext } from \"@components/dropdown/DropdownTriggerContext\"\nimport React, { forwardRef, useContext } from \"react\"\n\nimport { DropdownButtonProps, dropdownProps } from \"./DropdownButton\"\nimport { IconButton, IconButtonProps } from \"./IconButton\"\n\n/**\n * An icon-only button that toggles a dropdown menu or popover. Appends a\n * caret suffix to the icon and wires up `aria-controls` and `aria-expanded`\n * to the controlled element. Requires an `aria-label` or `tooltip` for\n * accessibility.\n *\n * @component\n * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/buttons-dropdown-icon-button--docs | Storybook Documentation}\n * @see {@link https://github.com/planningcenter/tapestry/tree/main/packages/tapestry-migration-cli | Migration CLI: Available}\n */\nexport const DropdownIconButton = forwardRef<\n  HTMLButtonElement,\n  IconButtonProps & DropdownButtonProps\n>((props, ref) => {\n  const contextProps = useContext(DropdownTriggerContext)\n  return (\n    <IconButton\n      ref={ref}\n      {...props}\n      {...contextProps}\n      {...dropdownProps(props)}\n    />\n  )\n})\n\nDropdownIconButton.displayName = \"DropdownIconButton\"\n"],"names":[],"mappings":";;;;;AAMA;;;;;;;;;AASG;AACI,MAAM,kBAAkB,GAAG,UAAU,CAG1C,CAAC,KAAK,EAAE,GAAG,KAAI;AACf,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,sBAAsB,CAAC;AACvD,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,IACT,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EAAA,GACL,YAAY,KACZ,aAAa,CAAC,KAAK,CAAC,EAAA,CACxB;AAEN,CAAC;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}

package/dist/components/button/IconButton.d.ts

@@ -1,24 +1,47 @@
 import "./btn.css";
 import React from "react";
+import { type Placement } from "react-aria/useOverlayPosition";
 import { BaseButtonElementProps } from "./BaseButton";
-export type IconButtonProps = Omit<BaseButtonElementProps, "label"> & {
-    /** Accessible label. Required for icon-only buttons to provide context about the button's purpose. */
-    "aria-label": string;
+/** Where a tooltip renders relative to its button. */
+export type TooltipPlacement = Placement;
+type IconButtonSharedProps = Omit<BaseButtonElementProps, "label"> & {
     /** The icon to display in the button. Set via story args for non-primitive values. */
     icon: React.ReactNode;
 };
+export type IconButtonBaseProps = IconButtonSharedProps & {
+    /** Accessible label. Required for icon-only buttons to provide context about the button's purpose. */
+    "aria-label": string;
+};
+type IconButtonTooltipProps = {
+    /** Accessible label. Required for icon-only buttons to provide context about the button's purpose. Not required when `tooltip` is set. When both are set, this is the name and the tooltip is visual only. */
+    "aria-label"?: string;
+    /** Text shown on hover and focus. Without `aria-label`, it is also used as the `aria-label`. With `aria-label`, start the `aria-label` with the same text (e.g. tooltip `"Delete"`, aria-label `"Delete, 3 selected"`). The tooltip itself is hidden from screen readers. Ignores `aria-labelledby`. */
+    tooltip: string;
+};
+type IconButtonAriaLabelProps = {
+    /** Accessible label. Required for icon-only buttons to provide context about the button's purpose. Not required when `tooltip` is set. When both are set, this is the name and the tooltip is visual only. */
+    "aria-label": string;
+    /** Text shown on hover and focus. Without `aria-label`, it is also used as the `aria-label`. With `aria-label`, start the `aria-label` with the same text (e.g. tooltip `"Delete"`, aria-label `"Delete, 3 selected"`). The tooltip itself is hidden from screen readers. Ignores `aria-labelledby`. */
+    tooltip?: string;
+};
+/**
+ * An icon-only button needs a name: `aria-label`, `tooltip`, or both.
+ * `IconButtonAriaLabelProps` is declared last so that a missing name
+ * reports "aria-label is missing", not "tooltip is missing".
+ */
+type IconButtonNameProps = IconButtonAriaLabelProps | IconButtonTooltipProps;
+export type IconButtonProps = IconButtonSharedProps & IconButtonNameProps & {
+    /** Where the tooltip renders relative to the button. Default `"bottom"`. Has no effect without `tooltip`. */
+    tooltipPlacement?: TooltipPlacement;
+};
 /**
  * An icon-only button component that renders as a button element.
- * Requires an icon and aria-label for accessibility.
+ * Requires an icon, and an aria-label or tooltip for accessibility.
  *
  * @component
  * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/buttons-icon-button--docs | Storybook Documentation}
  * @see {@link https://github.com/planningcenter/tapestry/tree/main/packages/tapestry-migration-cli | Migration CLI: Available}
  */
-export declare const IconButton: React.ForwardRefExoticComponent<Omit<BaseButtonElementProps, "label"> & {
-    /** Accessible label. Required for icon-only buttons to provide context about the button's purpose. */
-    "aria-label": string;
-    /** The icon to display in the button. Set via story args for non-primitive values. */
-    icon: React.ReactNode;
-} & React.RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export {};
 //# sourceMappingURL=IconButton.d.ts.map

package/dist/components/button/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAA;AAGlB,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAc,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAEjE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,CAAC,GAAG;IACpE,sGAAsG;IACtG,YAAY,EAAE,MAAM,CAAA;IACpB,sFAAsF;IACtF,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU;IAdrB,sGAAsG;kBACxF,MAAM;IACpB,sFAAsF;UAChF,KAAK,CAAC,SAAS;2CAwBtB,CAAA"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAA;AAIlB,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAE9D,OAAO,EAAc,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAEjE,sDAAsD;AACtD,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAA;AAExC,KAAK,qBAAqB,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,CAAC,GAAG;IACnE,sFAAsF;IACtF,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,GAAG;IACxD,sGAAsG;IACtG,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,KAAK,sBAAsB,GAAG;IAC5B,8MAA8M;IAC9M,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wSAAwS;IACxS,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,8MAA8M;IAC9M,YAAY,EAAE,MAAM,CAAA;IACpB,wSAAwS;IACxS,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED;;;;GAIG;AACH,KAAK,mBAAmB,GAAG,wBAAwB,GAAG,sBAAsB,CAAA;AAE5E,MAAM,MAAM,eAAe,GAAG,qBAAqB,GACjD,mBAAmB,GAAG;IACpB,6GAA6G;IAC7G,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;CACpC,CAAA;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,2FA0CtB,CAAA"}

package/dist/components/button/IconButton.js

@@ -1,17 +1,23 @@
+import { Tooltip } from '../internal/tooltip/Tooltip.js';
 import classNames from 'classnames';
 import React, { forwardRef } from 'react';
 import { BaseButton } from './BaseButton.js';
 
 /**
  * An icon-only button component that renders as a button element.
- * Requires an icon and aria-label for accessibility.
+ * Requires an icon, and an aria-label or tooltip for accessibility.
  *
  * @component
  * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/buttons-icon-button--docs | Storybook Documentation}
  * @see {@link https://github.com/planningcenter/tapestry/tree/main/packages/tapestry-migration-cli | Migration CLI: Available}
  */
-const IconButton = forwardRef(({ className, icon, ...restProps }, ref) => {
+const IconButton = forwardRef(({ className, icon, tooltip, tooltipPlacement = "bottom", ...restProps }, ref) => {
     const iconOnlyClassName = classNames("tds-btn--icononly", className);
+    if (tooltip) {
+        const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...buttonProps } = restProps;
+        return (React.createElement(Tooltip, { content: tooltip, placement: tooltipPlacement, visualOnly: true },
+            React.createElement(BaseButton, { ...buttonProps, "aria-label": ariaLabel || tooltip, label: icon, className: iconOnlyClassName, ref: ref })));
+    }
     return (React.createElement(BaseButton, { ...restProps, label: icon, className: iconOnlyClassName, ref: ref }));
 });
 IconButton.displayName = "IconButton";

package/dist/components/button/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../src/components/button/IconButton.tsx"],"sourcesContent":["import \"./btn.css\"\n\nimport classNames from \"classnames\"\nimport React, { forwardRef } from \"react\"\n\nimport { BaseButton, BaseButtonElementProps } from \"./BaseButton\"\n\nexport type IconButtonProps = Omit<BaseButtonElementProps, \"label\"> & {\n  /** Accessible label. Required for icon-only buttons to provide context about the button's purpose. */\n  \"aria-label\": string\n  /** The icon to display in the button. Set via story args for non-primitive values. */\n  icon: React.ReactNode\n}\n\n/**\n * An icon-only button component that renders as a button element.\n * Requires an icon and aria-label for accessibility.\n *\n * @component\n * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/buttons-icon-button--docs | Storybook Documentation}\n * @see {@link https://github.com/planningcenter/tapestry/tree/main/packages/tapestry-migration-cli | Migration CLI: Available}\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  ({ className, icon, ...restProps }: IconButtonProps, ref) => {\n    const iconOnlyClassName = classNames(\"tds-btn--icononly\", className)\n\n    return (\n      <BaseButton\n        {...restProps}\n        label={icon}\n        className={iconOnlyClassName}\n        ref={ref}\n      />\n    )\n  }\n)\n\nIconButton.displayName = \"IconButton\"\n"],"names":[],"mappings":";;;;AAcA;;;;;;;AAOG;AACI,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,SAAS,EAAmB,EAAE,GAAG,KAAI;IAC1D,MAAM,iBAAiB,GAAG,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC;AAEpE,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,OACL,SAAS,EACb,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"IconButton.js","sources":["../../../src/components/button/IconButton.tsx"],"sourcesContent":["import \"./btn.css\"\n\nimport { Tooltip } from \"@components/internal/tooltip\"\nimport classNames from \"classnames\"\nimport React, { forwardRef } from \"react\"\nimport { type Placement } from \"react-aria/useOverlayPosition\"\n\nimport { BaseButton, BaseButtonElementProps } from \"./BaseButton\"\n\n/** Where a tooltip renders relative to its button. */\nexport type TooltipPlacement = Placement\n\ntype IconButtonSharedProps = Omit<BaseButtonElementProps, \"label\"> & {\n  /** The icon to display in the button. Set via story args for non-primitive values. */\n  icon: React.ReactNode\n}\n\nexport type IconButtonBaseProps = IconButtonSharedProps & {\n  /** Accessible label. Required for icon-only buttons to provide context about the button's purpose. */\n  \"aria-label\": string\n}\n\ntype IconButtonTooltipProps = {\n  /** Accessible label. Required for icon-only buttons to provide context about the button's purpose. Not required when `tooltip` is set. When both are set, this is the name and the tooltip is visual only. */\n  \"aria-label\"?: string\n  /** Text shown on hover and focus. Without `aria-label`, it is also used as the `aria-label`. With `aria-label`, start the `aria-label` with the same text (e.g. tooltip `\"Delete\"`, aria-label `\"Delete, 3 selected\"`). The tooltip itself is hidden from screen readers. Ignores `aria-labelledby`. */\n  tooltip: string\n}\n\ntype IconButtonAriaLabelProps = {\n  /** Accessible label. Required for icon-only buttons to provide context about the button's purpose. Not required when `tooltip` is set. When both are set, this is the name and the tooltip is visual only. */\n  \"aria-label\": string\n  /** Text shown on hover and focus. Without `aria-label`, it is also used as the `aria-label`. With `aria-label`, start the `aria-label` with the same text (e.g. tooltip `\"Delete\"`, aria-label `\"Delete, 3 selected\"`). The tooltip itself is hidden from screen readers. Ignores `aria-labelledby`. */\n  tooltip?: string\n}\n\n/**\n * An icon-only button needs a name: `aria-label`, `tooltip`, or both.\n * `IconButtonAriaLabelProps` is declared last so that a missing name\n * reports \"aria-label is missing\", not \"tooltip is missing\".\n */\ntype IconButtonNameProps = IconButtonAriaLabelProps | IconButtonTooltipProps\n\nexport type IconButtonProps = IconButtonSharedProps &\n  IconButtonNameProps & {\n    /** Where the tooltip renders relative to the button. Default `\"bottom\"`. Has no effect without `tooltip`. */\n    tooltipPlacement?: TooltipPlacement\n  }\n\n/**\n * An icon-only button component that renders as a button element.\n * Requires an icon, and an aria-label or tooltip for accessibility.\n *\n * @component\n * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/buttons-icon-button--docs | Storybook Documentation}\n * @see {@link https://github.com/planningcenter/tapestry/tree/main/packages/tapestry-migration-cli | Migration CLI: Available}\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  (\n    {\n      className,\n      icon,\n      tooltip,\n      tooltipPlacement = \"bottom\",\n      ...restProps\n    }: IconButtonProps,\n    ref\n  ) => {\n    const iconOnlyClassName = classNames(\"tds-btn--icononly\", className)\n\n    if (tooltip) {\n      const {\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        ...buttonProps\n      } = restProps\n\n      return (\n        <Tooltip content={tooltip} placement={tooltipPlacement} visualOnly>\n          <BaseButton\n            {...buttonProps}\n            aria-label={ariaLabel || tooltip}\n            label={icon}\n            className={iconOnlyClassName}\n            ref={ref}\n          />\n        </Tooltip>\n      )\n    }\n\n    return (\n      <BaseButton\n        {...restProps}\n        label={icon}\n        className={iconOnlyClassName}\n        ref={ref}\n      />\n    )\n  }\n)\n\nIconButton.displayName = \"IconButton\"\n"],"names":[],"mappings":";;;;;AAiDA;;;;;;;AAOG;AACI,MAAM,UAAU,GAAG,UAAU,CAClC,CACE,EACE,SAAS,EACT,IAAI,EACJ,OAAO,EACP,gBAAgB,GAAG,QAAQ,EAC3B,GAAG,SAAS,EACI,EAClB,GAAG,KACD;IACF,MAAM,iBAAiB,GAAG,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC;IAEpE,IAAI,OAAO,EAAE;AACX,QAAA,MAAM,EACJ,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,WAAW,EACf,GAAG,SAAS;AAEb,QAAA,QACE,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,UAAU,EAAA,IAAA,EAAA;YAChE,KAAA,CAAA,aAAA,CAAC,UAAU,OACL,WAAW,EAAA,YAAA,EACH,SAAS,IAAI,OAAO,EAChC,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAAG,EAAA,CACR,CACM;IAEd;AAEA,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,OACL,SAAS,EACb,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/components/button/ToggleIconButton.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { IconButtonProps } from "./IconButton";
+import { IconButtonBaseProps } from "./IconButton";
 import { ToggleButtonProps } from "./ToggleButton";
 /**
  * An icon-only button that stays either "on" or "off" after each click.
@@ -13,5 +13,5 @@ import { ToggleButtonProps } from "./ToggleButton";
  * @component
  * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/unstable-toggle-icon-button--docs | Storybook Documentation}
  */
-export declare const ToggleIconButton: React.ForwardRefExoticComponent<(Omit<IconButtonProps, "onChange"> & ToggleButtonProps) & React.RefAttributes<HTMLButtonElement>>;
+export declare const ToggleIconButton: React.ForwardRefExoticComponent<(Omit<IconButtonBaseProps, "onChange"> & ToggleButtonProps) & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=ToggleIconButton.d.ts.map

package/dist/components/button/ToggleIconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/ToggleIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EACL,iBAAiB,EAGlB,MAAM,gBAAgB,CAAA;AAEvB;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,mIAkC5B,CAAA"}
+{"version":3,"file":"ToggleIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/ToggleIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAc,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAC9D,OAAO,EACL,iBAAiB,EAGlB,MAAM,gBAAgB,CAAA;AAEvB;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,uIAkC5B,CAAA"}

package/dist/components/button/ToggleIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleIconButton.js","sources":["../../../src/components/button/ToggleIconButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\n\nimport { IconButton, IconButtonProps } from \"./IconButton\"\nimport {\n  ToggleButtonProps,\n  toggleButtonProps,\n  usePressedState,\n} from \"./ToggleButton\"\n\n/**\n * An icon-only button that stays either \"on\" or \"off\" after each click.\n * Maps `pressed` to the native `aria-pressed` attribute, always present\n * since a toggle button must announce that state. Manages its own pressed\n * state, starting from `false`, when `pressed` is omitted — pass\n * `defaultPressed` and/or `onChange` to seed or observe that\n * uncontrolled state. Carries no default `kind` or CSS; `kind`/`className`\n * stay exactly as caller-controlled as they are on plain `IconButton`.\n *\n * @component\n * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/unstable-toggle-icon-button--docs | Storybook Documentation}\n */\nexport const ToggleIconButton = forwardRef<\n  HTMLButtonElement,\n  Omit<IconButtonProps, \"onChange\"> & ToggleButtonProps\n>(\n  (\n    {\n      defaultPressed,\n      onClick,\n      onChange,\n      pressed,\n      ...restProps\n    }: Omit<IconButtonProps, \"onChange\"> & ToggleButtonProps,\n    ref\n  ) => {\n    const [currentPressed, togglePressed] = usePressedState({\n      defaultPressed,\n      onChange,\n      pressed,\n    })\n\n    const handleClick: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n      togglePressed()\n      onClick?.(event)\n    }\n\n    return (\n      <IconButton\n        ref={ref}\n        {...restProps}\n        onClick={handleClick}\n        {...toggleButtonProps({ pressed: currentPressed })}\n      />\n    )\n  }\n)\n\nToggleIconButton.displayName = \"ToggleIconButton\"\n"],"names":["React"],"mappings":";;;;AASA;;;;;;;;;;;AAWG;MACU,gBAAgB,GAAG,UAAU,CAIxC,CACE,EACE,cAAc,EACd,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,SAAS,EAC0C,EACxD,GAAG,KACD;AACF,IAAA,MAAM,CAAC,cAAc,EAAE,aAAa,CAAC,GAAG,eAAe,CAAC;QACtD,cAAc;QACd,QAAQ;QACR,OAAO;AACR,KAAA,CAAC;AAEF,IAAA,MAAM,WAAW,GAA+C,CAAC,KAAK,KAAI;AACxE,QAAA,aAAa,EAAE;AACf,QAAA,OAAO,GAAG,KAAK,CAAC;AAClB,IAAA,CAAC;IAED,QACEA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EAAA,GACJ,SAAS,EACb,OAAO,EAAE,WAAW,EAAA,GAChB,iBAAiB,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,EAAA,CAClD;AAEN,CAAC;AAGH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"ToggleIconButton.js","sources":["../../../src/components/button/ToggleIconButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\n\nimport { IconButton, IconButtonBaseProps } from \"./IconButton\"\nimport {\n  ToggleButtonProps,\n  toggleButtonProps,\n  usePressedState,\n} from \"./ToggleButton\"\n\n/**\n * An icon-only button that stays either \"on\" or \"off\" after each click.\n * Maps `pressed` to the native `aria-pressed` attribute, always present\n * since a toggle button must announce that state. Manages its own pressed\n * state, starting from `false`, when `pressed` is omitted — pass\n * `defaultPressed` and/or `onChange` to seed or observe that\n * uncontrolled state. Carries no default `kind` or CSS; `kind`/`className`\n * stay exactly as caller-controlled as they are on plain `IconButton`.\n *\n * @component\n * @see {@link https://planningcenter.github.io/tapestry/?path=/docs/unstable-toggle-icon-button--docs | Storybook Documentation}\n */\nexport const ToggleIconButton = forwardRef<\n  HTMLButtonElement,\n  Omit<IconButtonBaseProps, \"onChange\"> & ToggleButtonProps\n>(\n  (\n    {\n      defaultPressed,\n      onClick,\n      onChange,\n      pressed,\n      ...restProps\n    }: Omit<IconButtonBaseProps, \"onChange\"> & ToggleButtonProps,\n    ref\n  ) => {\n    const [currentPressed, togglePressed] = usePressedState({\n      defaultPressed,\n      onChange,\n      pressed,\n    })\n\n    const handleClick: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n      togglePressed()\n      onClick?.(event)\n    }\n\n    return (\n      <IconButton\n        ref={ref}\n        {...restProps}\n        onClick={handleClick}\n        {...toggleButtonProps({ pressed: currentPressed })}\n      />\n    )\n  }\n)\n\nToggleIconButton.displayName = \"ToggleIconButton\"\n"],"names":["React"],"mappings":";;;;AASA;;;;;;;;;;;AAWG;MACU,gBAAgB,GAAG,UAAU,CAIxC,CACE,EACE,cAAc,EACd,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,SAAS,EAC8C,EAC5D,GAAG,KACD;AACF,IAAA,MAAM,CAAC,cAAc,EAAE,aAAa,CAAC,GAAG,eAAe,CAAC;QACtD,cAAc;QACd,QAAQ;QACR,OAAO;AACR,KAAA,CAAC;AAEF,IAAA,MAAM,WAAW,GAA+C,CAAC,KAAK,KAAI;AACxE,QAAA,aAAa,EAAE;AACf,QAAA,OAAO,GAAG,KAAK,CAAC;AAClB,IAAA,CAAC;IAED,QACEA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EAAA,GACJ,SAAS,EACb,OAAO,EAAE,WAAW,EAAA,GAChB,iBAAiB,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,EAAA,CAClD;AAEN,CAAC;AAGH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/components/button/index.d.ts

@@ -7,6 +7,7 @@ export type { DropdownButtonProps } from "./DropdownButton";
 export { DropdownButton } from "./DropdownButton";
 export { DropdownIconButton } from "./DropdownIconButton";
 export type { IconButtonProps } from "./IconButton";
+export type { TooltipPlacement } from "./IconButton";
 export { IconButton } from "./IconButton";
 export type { LoadingButtonProps } from "./LoadingButton";
 export { LoadingButton } from "./LoadingButton";

package/dist/components/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAA;AAElB,YAAY,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAA;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AACvE,YAAY,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,oCAAoC,EAAE,MAAM,mCAAmC,CAAA;AAC7F,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAA;AAElB,YAAY,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAA;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AACvE,YAAY,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,oCAAoC,EAAE,MAAM,mCAAmC,CAAA;AAC7F,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAA"}

package/dist/components/combo-box/ComboBox.d.ts

@@ -8,6 +8,12 @@ export type ComboBoxSize = "md" | "lg";
 export type ComboBoxLoadingState = "error" | "filtering" | "idle" | "loading" | "loadingMore" | "sorting";
 type ComboBoxChildren<T extends object> = NonNullable<AriaListBoxProps<T>["children"]>;
 export interface ComboBoxProps<T extends object = object> {
+    /**
+     * If `true`, keeps typed text that does not match an option. Turn it on when
+     * ComboBox is a standalone search and the suggestions are shortcuts. Leave it
+     * off in forms, where the value needs to match one of the options.
+     */
+    allowsCustomValue?: boolean;
     /** The contents of the listbox. */
     children: ComboBoxChildren<T>;
     /** Helper text displayed below the component. Styled as error text when `invalid` is `true`. */

package/dist/components/combo-box/ComboBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/combo-box/ComboBox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/combo-box/ComboBox.tsx"],"names":[],"mappings":"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"}