@servicetitan/anvil2 3.0.9 → 3.1.0

package/dist/RichTextEditor.js

@@ -1,2 +1,2 @@
-export { R as RichTextEditor } from './RichTextEditor-FSWAVmTe.js';
+export { R as RichTextEditor } from './RichTextEditor-DiOWlG-j.js';
 //# sourceMappingURL=RichTextEditor.js.map

package/dist/{SavedFiltersButton-Cr829guv.js → SavedFiltersButton-BpjGgsnS.js}

@@ -2,19 +2,19 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useEffect, useRef, useMemo, useCallback } from 'react';
 import { S as SvgAdd } from './add-BcQkAUip.js';
 import { S as SvgEdit } from './edit-DQOiktcu.js';
-import { B as Button } from './Button-C_V2xQAs.js';
-import { T as Text } from './Text-w2gWn4K6.js';
-import { F as Flex } from './Flex-_orhvoxS.js';
-import { a as OptionsPopover } from './useAdaptiveView-CeYKH0Me.js';
-import { O as OptionsPanel } from './syncFilterUtils-CgHB-l6A.js';
+import { B as Button } from './Button-ChQARW0y.js';
+import { T as Text } from './Text-CK1TI4Gz.js';
+import { F as Flex } from './Flex-Bb3iHExM.js';
+import { a as OptionsPopover } from './useAdaptiveView-BDqpk9G2.js';
+import { O as OptionsPanel } from './syncFilterUtils-Cg2yX7al.js';
 import { u as useMenuInteraction } from './useMenuInteraction-NEJXUD4I.js';
-import { c as cloneFiltersWithItemRefs, u as updateSingleFilter, b as getAdapter, D as DateListDialog, e as FilterTriggerButton } from './filter-state-CE8t3-Q7.js';
-import { D as Drawer } from './Drawer-Dk0MsaOU.js';
-import { T as TextField } from './TextField-BQsCh5Nb.js';
-import { A as Alert } from './Alert-CNDLoh6b.js';
-import { D as Divider } from './Divider-Dz27DFuE.js';
+import { c as cloneFiltersWithItemRefs, u as updateSingleFilter, b as getAdapter, D as DateListDialog, e as FilterTriggerButton } from './filter-state-HDQUPdOL.js';
+import { D as Drawer } from './Drawer-9_HfTi3J.js';
+import { T as TextField } from './TextField-CFRhRDXu.js';
+import { A as Alert } from './Alert-DYmBt7Yo.js';
+import { D as Divider } from './Divider-C7fp5Xb6.js';
 import { DndSort } from './DndSort.js';
-import { u as useDrillDown, D as DrillDown } from './useDrilldown-BJ2dHHKV.js';
+import { u as useDrillDown, D as DrillDown } from './useDrilldown-DCXYrcGK.js';
 
 import './SavedFiltersButton.css';const footer = "_footer_1cnkf_7";
 const styles = {
@@ -648,4 +648,4 @@ const SavedFiltersButton = (props) => {
 SavedFiltersButton.displayName = "SavedFiltersButton";
 
 export { SavedFiltersButton as S };
-//# sourceMappingURL=SavedFiltersButton-Cr829guv.js.map
+//# sourceMappingURL=SavedFiltersButton-BpjGgsnS.js.map

package/dist/{SavedFiltersButton-Cr829guv.js.map → SavedFiltersButton-BpjGgsnS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SavedFiltersButton-Cr829guv.js","sources":["../src/beta/components/SavedFiltersButton/internal/AddSavedFilterDrawer.tsx","../src/beta/components/SavedFiltersButton/internal/EditSavedFiltersDrawer.tsx","../src/beta/components/SavedFiltersButton/SavedFiltersButton.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport Button from \"../../../../components/Button\";\nimport Drawer from \"../../../../components/Drawer\";\nimport Flex from \"../../../../components/Flex\";\nimport { TextField } from \"../../../../components/TextField\";\nimport { Filter } from \"../../FilterBar/internal/types\";\n\ntype AddSavedFilterDrawerProps = {\n  open: boolean;\n  onClose: () => void;\n  /** Snapshot of filters captured when the drawer opened. */\n  filtersSnapshot: Filter[];\n  onSave: (payload: {\n    name: string;\n    filters: Filter[];\n  }) => void | Promise<void>;\n  /**\n   * Consumer-supplied name validator. Returning a string blocks Add and is\n   * surfaced as the field's error message; `undefined` allows submit.\n   */\n  validateName?: (name: string) => string | undefined;\n};\n\n/**\n * Drawer rendered when the user clicks \"Save Current Filter\" in the\n * SavedFiltersButton popover. Captures a name and emits `onSave` with the\n * filters snapshot. Supports async `onSave`; while pending the Add button\n * shows a loading spinner and the form is disabled.\n *\n * If `onSave` rejects, the drawer stays open with the current input so the\n * user can retry or cancel. On success the drawer closes.\n */\nexport const AddSavedFilterDrawer = ({\n  open,\n  onClose,\n  filtersSnapshot,\n  onSave,\n  validateName,\n}: AddSavedFilterDrawerProps) => {\n  const [name, setName] = useState(\"\");\n  const [submitting, setSubmitting] = useState(false);\n  const [submitError, setSubmitError] = useState<string | undefined>(undefined);\n  // After a successful save, the consumer will likely add the just-saved\n  // name into their `savedFilters` list synchronously. If we keep running\n  // `validateName` against the current input we'll flash a \"name already\n  // exists\" error (the validator now sees our own freshly-created preset)\n  // before the parent unmounts us. This flag suspends validation between\n  // `onSave` resolving and the drawer actually closing.\n  const [justSubmitted, setJustSubmitted] = useState(false);\n\n  // Reset state every time the drawer opens. We don't reset on close so the\n  // closing animation can flush without snapping the visible state mid-tween.\n  useEffect(() => {\n    if (open) {\n      setName(\"\");\n      setSubmitting(false);\n      setSubmitError(undefined);\n      setJustSubmitted(false);\n    }\n  }, [open]);\n\n  const trimmed = name.trim();\n  const validationError =\n    !justSubmitted && validateName ? validateName(trimmed) : undefined;\n  const canSubmit = trimmed.length > 0 && !validationError && !submitting;\n\n  const handleAdd = async () => {\n    if (!canSubmit) return;\n    setSubmitting(true);\n    setSubmitError(undefined);\n    try {\n      await onSave({ name: trimmed, filters: filtersSnapshot });\n      // Suspend validation; the parent will close us synchronously, but the\n      // closing transition keeps us mounted for a beat — long enough to\n      // re-render with the consumer's updated savedFilters list, which\n      // otherwise would now collide with our input value.\n      setJustSubmitted(true);\n      onClose();\n    } catch (err) {\n      setSubmitError(\n        err instanceof Error && err.message\n          ? err.message\n          : \"Failed to save filter.\",\n      );\n      setSubmitting(false);\n    }\n  };\n\n  const handleCancel = () => {\n    if (submitting) return;\n    onClose();\n  };\n\n  return (\n    <Drawer open={open} onClose={handleCancel}>\n      <Drawer.Header>Save Current Filter</Drawer.Header>\n      <Drawer.Content>\n        <Flex direction=\"column\" gap=\"4\" grow={1}>\n          <TextField\n            label=\"Filter Name\"\n            placeholder=\"Name this filter\"\n            value={name}\n            onChange={(e) => setName(e?.target.value ?? \"\")}\n            disabled={submitting}\n            required\n            error={submitError ?? validationError}\n            onKeyDown={(e) => {\n              if (e.key === \"Enter\" && canSubmit) {\n                e.preventDefault();\n                handleAdd();\n              }\n            }}\n          />\n        </Flex>\n      </Drawer.Content>\n      <Drawer.Footer>\n        <Flex justifyContent=\"flex-end\" gap=\"3\" grow={1}>\n          <Button onClick={handleCancel} disabled={submitting}>\n            Cancel\n          </Button>\n          <Button\n            appearance=\"primary\"\n            onClick={handleAdd}\n            disabled={!canSubmit}\n            loading={submitting}\n          >\n            Add Saved Filter\n          </Button>\n        </Flex>\n      </Drawer.Footer>\n    </Drawer>\n  );\n};\n","import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport IconEdit from \"@servicetitan/hammer-icon/mdi/round/edit.svg\";\nimport Alert from \"../../../../components/Alert\";\nimport Button from \"../../../../components/Button\";\nimport Divider from \"../../../../components/Divider\";\nimport {\n  DndSort,\n  type DndSortChangeEvent,\n} from \"../../../../components/DndSort\";\nimport Drawer from \"../../../../components/Drawer\";\nimport { DrillDown, useDrillDown } from \"../../../../components/DrillDown\";\nimport Flex from \"../../../../components/Flex\";\nimport Text from \"../../../../components/Text\";\nimport { TextField } from \"../../../../components/TextField\";\nimport { DateListDialog } from \"../../FilterBar/FilterDateList\";\nimport { getAdapter } from \"../../FilterBar/internal/adapters\";\nimport {\n  cloneFiltersWithItemRefs,\n  updateSingleFilter,\n} from \"../../FilterBar/internal/utils/filter-state\";\nimport {\n  DateListFilter,\n  DateListLibraryOptionId,\n  Filter,\n} from \"../../FilterBar/internal/types\";\nimport { SavedFilter, SavedFiltersAlertText } from \"../types\";\n\n/**\n * Settled outcome of a delete or update operation. Surfaced as an Alert on\n * the list view of the drawer; persists until the drawer closes or another\n * outcome replaces it.\n */\ntype DrawerAlert = {\n  status: \"success\" | \"danger\";\n  title: string;\n};\n\ntype EditSavedFiltersDrawerProps = {\n  open: boolean;\n  onClose: () => void;\n  savedFilters: SavedFilter[];\n  /** Drilldown's \"Update Filter\" action. May return a promise. */\n  onUpdate?: (\n    id: string,\n    update: { name: string; filters: SavedFilter[\"filters\"] },\n  ) => void | Promise<void>;\n  /** Drilldown's \"Delete Filter\" action. May return a promise. */\n  onDelete?: (id: string) => void | Promise<void>;\n  /**\n   * Optional drag-to-reorder callback. When provided, the list view renders\n   * each row as a `DndSort.Card` with a drag handle and emits the new\n   * `orderedIds` after a drop. When omitted, the list renders as a static\n   * stack with no handles.\n   */\n  onReorder?: (orderedIds: string[]) => void | Promise<void>;\n  /**\n   * Optional validator for the name field in the drilldown. The `currentId`\n   * is set to the preset being edited so the consumer can permit the row's\n   * own name in uniqueness checks.\n   */\n  validateName?: (name: string, currentId?: string) => string | undefined;\n  /** Optional override for the auto-managed alert text. */\n  alertText?: SavedFiltersAlertText;\n};\n\nconst DEFAULT_ALERT_TEXT: Required<SavedFiltersAlertText> = {\n  saveSuccess: \"Filter saved.\",\n  saveError: \"Failed to save filter.\",\n  updateSuccess: \"Filter updated.\",\n  updateError: \"Failed to update filter.\",\n  deleteSuccess: \"Filter deleted.\",\n  deleteError: \"Failed to delete filter.\",\n  reorderError: \"Failed to reorder filters.\",\n};\n\n/** The per-preset edit screen lives at drilldown index 0. */\nconst EDIT_INDEX = 0;\n\n/**\n * Drawer that lets the user manage existing saved filters. Composed of two\n * views — a list of presets (the Drawer host) and a per-preset edit screen\n * (a `DrillDown` child) that reuses the FilterBar adapter `renderDrawer`\n * machinery to render edit fields. Navigation between the two is driven by\n * `useDrillDown`, which also wires the back-button affordance built into\n * `DrillDown.Header`.\n */\nexport const EditSavedFiltersDrawer = ({\n  open,\n  onClose,\n  savedFilters,\n  onUpdate,\n  onDelete,\n  onReorder,\n  validateName,\n  alertText,\n}: EditSavedFiltersDrawerProps) => {\n  const { setIndex, back, drillDownProps } = useDrillDown();\n\n  // Which preset the user clicked Edit on. `null` while on the list view.\n  // We track this ourselves because DrillDown only tracks \"which screen is\n  // active,\" not \"which preset is being edited.\"\n  const [editingId, setEditingId] = useState<string | null>(null);\n\n  // Drilldown-local form state. Re-seeded whenever a new preset is opened\n  // (i.e. editingId changes); not re-seeded on each parent re-render so the\n  // consumer can hot-swap `savedFilters` mid-edit without clobbering edits.\n  const [drilldownName, setDrilldownName] = useState(\"\");\n  const [drilldownDraft, setDrilldownDraft] = useState<Filter[]>([]);\n  const [dateListDialogState, setDateListDialogState] = useState<{\n    filterId: string;\n    libraryId: DateListLibraryOptionId;\n  } | null>(null);\n  const [submitting, setSubmitting] = useState<\"update\" | \"delete\" | null>(\n    null,\n  );\n  const [submitError, setSubmitError] = useState<string | null>(null);\n\n  const seededForRef = useRef<string | null>(null);\n\n  // Alerts surface settled outcomes from update / delete / reorder.\n  // listAlert appears at the top of the list view (most outcomes return\n  // there); drilldownAlert appears at the top of the drilldown content when\n  // an Update failed and we need to keep the user's in-progress edits\n  // available for retry.\n  const [listAlert, setListAlert] = useState<DrawerAlert | null>(null);\n  const [drilldownAlert, setDrilldownAlert] = useState<DrawerAlert | null>(\n    null,\n  );\n\n  // Reset everything on drawer close so the next open starts at the list\n  // with no stale state.\n  useEffect(() => {\n    if (!open) {\n      setEditingId(null);\n      seededForRef.current = null;\n      setSubmitError(null);\n      setSubmitting(null);\n      setListAlert(null);\n      setDrilldownAlert(null);\n      setIndex(undefined);\n    }\n  }, [open, setIndex]);\n\n  const drilldownTarget = editingId\n    ? savedFilters.find((s) => s.id === editingId)\n    : undefined;\n\n  // Seed the drilldown form when entering edit on a new preset. Not\n  // re-seeded when the consumer's savedFilters array updates mid-edit —\n  // once a drilldown is open, the user's edits are authoritative until\n  // they Update, Delete, or Cancel.\n  useEffect(() => {\n    if (!editingId || !drilldownTarget) return;\n    if (seededForRef.current === editingId) return;\n    seededForRef.current = editingId;\n    setDrilldownName(drilldownTarget.name);\n    setDrilldownDraft(cloneFiltersWithItemRefs(drilldownTarget.filters));\n    setSubmitError(null);\n  }, [editingId, drilldownTarget]);\n\n  const resolvedAlertText = useMemo(\n    () => ({ ...DEFAULT_ALERT_TEXT, ...alertText }),\n    [alertText],\n  );\n\n  const handleEdit = useCallback(\n    (id: string) => {\n      setListAlert(null);\n      setEditingId(id);\n      setIndex(EDIT_INDEX);\n    },\n    [setIndex],\n  );\n\n  // DndSort's drop event carries the new id ordering for the zone; we hand\n  // that straight to the consumer so they can re-sort `savedFilters`. The\n  // callback may return a promise — a rejection surfaces as a danger alert\n  // on the list view (matching the delete-failure pattern) so failures\n  // aren't invisible. A thrown `Error` with a message takes precedence over\n  // the configured `reorderError` text, mirroring update / delete.\n  const handleDrop = useCallback(\n    (event: DndSortChangeEvent) => {\n      if (!onReorder || !event.valid || !event.zoneSort) return;\n      Promise.resolve(onReorder(event.zoneSort.map((id) => String(id)))).catch(\n        (err) => {\n          console.error(\n            \"SavedFiltersButton onReorderSavedFilters failed:\",\n            err,\n          );\n          setListAlert({\n            status: \"danger\",\n            title:\n              err instanceof Error && err.message\n                ? err.message\n                : resolvedAlertText.reorderError,\n          });\n        },\n      );\n    },\n    [onReorder, resolvedAlertText],\n  );\n\n  const sortedIds = useMemo(\n    () => savedFilters.map((s) => s.id),\n    [savedFilters],\n  );\n\n  // Pop back to the list. Clears form scratch state so the next drilldown\n  // entry seeds fresh, and clears the drilldown's error alert.\n  const handleBackToList = useCallback(() => {\n    seededForRef.current = null;\n    setEditingId(null);\n    setSubmitError(null);\n    setDrilldownAlert(null);\n    back();\n  }, [back]);\n\n  const handleDraftChange = useCallback((filterId: string, value: unknown) => {\n    setDrilldownDraft((prev) => updateSingleFilter(prev, filterId, value));\n  }, []);\n\n  const requestDateListDialog = useCallback(\n    (filterId: string, libraryId: DateListLibraryOptionId) => {\n      setDateListDialogState({ filterId, libraryId });\n    },\n    [],\n  );\n\n  // Render the per-filter form fields by delegating to each adapter's\n  // renderDrawer — the exact same machinery FilterDrawer uses, so any\n  // adapter that works there works here too.\n  const drilldownForm = useMemo(() => {\n    if (!drilldownTarget) return null;\n    return drilldownDraft.map((draftFilter) => {\n      const originalFilter =\n        drilldownTarget.filters.find((f) => f.id === draftFilter.id) ??\n        draftFilter;\n      return getAdapter(draftFilter).renderDrawer({\n        originalFilter,\n        draftFilter,\n        onDraftChange: handleDraftChange,\n        requestDateListDialog,\n      });\n    });\n  }, [\n    drilldownDraft,\n    drilldownTarget,\n    handleDraftChange,\n    requestDateListDialog,\n  ]);\n\n  const trimmedName = drilldownName.trim();\n  const validationError =\n    validateName && editingId\n      ? validateName(trimmedName, editingId)\n      : undefined;\n  const canSubmit =\n    editingId !== null &&\n    trimmedName.length > 0 &&\n    !validationError &&\n    submitting === null;\n\n  const handleUpdate = useCallback(async () => {\n    if (!editingId || !onUpdate || !canSubmit) return;\n    setSubmitting(\"update\");\n    setSubmitError(null);\n    setDrilldownAlert(null);\n    try {\n      await onUpdate(editingId, {\n        name: trimmedName,\n        filters: drilldownDraft,\n      });\n      // Success: pop back to the list with a success alert.\n      seededForRef.current = null;\n      setEditingId(null);\n      back();\n      setSubmitting(null);\n      setListAlert({\n        status: \"success\",\n        title: resolvedAlertText.updateSuccess,\n      });\n    } catch (err) {\n      // Failure: stay in drilldown so the user can adjust and retry. The\n      // server error surfaces as a drilldown-level alert above the form.\n      setDrilldownAlert({\n        status: \"danger\",\n        title:\n          err instanceof Error && err.message\n            ? err.message\n            : resolvedAlertText.updateError,\n      });\n      setSubmitting(null);\n    }\n  }, [\n    editingId,\n    onUpdate,\n    canSubmit,\n    trimmedName,\n    drilldownDraft,\n    resolvedAlertText,\n    back,\n  ]);\n\n  const handleDelete = useCallback(async () => {\n    if (!editingId || !onDelete || submitting !== null) return;\n    if (drilldownTarget?.disableDelete) return;\n    setSubmitting(\"delete\");\n    setSubmitError(null);\n    setDrilldownAlert(null);\n    try {\n      await onDelete(editingId);\n      // Success: pop back to the list with a success alert.\n      seededForRef.current = null;\n      setEditingId(null);\n      back();\n      setSubmitting(null);\n      setListAlert({\n        status: \"success\",\n        title: resolvedAlertText.deleteSuccess,\n      });\n    } catch (err) {\n      // Failure: pop back to the list with an error alert — the drilldown\n      // had nothing to preserve since the user was trying to remove the\n      // row entirely.\n      seededForRef.current = null;\n      setEditingId(null);\n      back();\n      setSubmitting(null);\n      setListAlert({\n        status: \"danger\",\n        title:\n          err instanceof Error && err.message\n            ? err.message\n            : resolvedAlertText.deleteError,\n      });\n    }\n  }, [\n    editingId,\n    onDelete,\n    submitting,\n    drilldownTarget,\n    resolvedAlertText,\n    back,\n  ]);\n\n  // dateList dialog target derives from drilldownDraft (so the dialog can\n  // pre-seed from whatever's currently in the draft).\n  const dateListDialogTarget = dateListDialogState\n    ? drilldownDraft.find(\n        (f): f is DateListFilter =>\n          f.id === dateListDialogState.filterId && f.type === \"dateList\",\n      )\n    : undefined;\n  const dateListDialogSelected = dateListDialogTarget?.selectedOption;\n  const dateListDialogInitialValue =\n    dateListDialogSelected &&\n    dateListDialogSelected.id === dateListDialogState?.libraryId &&\n    dateListDialogSelected.value !== null\n      ? dateListDialogSelected.value\n      : undefined;\n\n  const drilldownTitle = drilldownTarget?.name ?? \"Edit Saved Filter\";\n\n  return (\n    <>\n      <Drawer open={open} onClose={onClose} {...drillDownProps}>\n        {/* Host view — the saved-filters list. Visible whenever no\n            DrillDown screen is active. */}\n        <Drawer.Header>Edit Saved Filters</Drawer.Header>\n        <Drawer.Content>\n          <Flex direction=\"column\" gap=\"4\" grow={1}>\n            {listAlert && (\n              <Alert title={listAlert.title} status={listAlert.status} />\n            )}\n            {savedFilters.length === 0 ? (\n              <Text subdued size=\"small\">\n                No saved filters to edit.\n              </Text>\n            ) : onReorder ? (\n              <DndSort onDrop={handleDrop}>\n                <DndSort.Zone\n                  sortable\n                  id=\"saved-filters-zone\"\n                  label=\"Saved filters\"\n                  orientation=\"vertical\"\n                  sortedIds={sortedIds}\n                  gap=\"2\"\n                >\n                  {savedFilters.map((saved) => (\n                    <DndSort.Card\n                      key={saved.id}\n                      id={saved.id}\n                      label={saved.name}\n                      dragOnlyWithHandle\n                    >\n                      <Flex\n                        alignItems=\"center\"\n                        justifyContent=\"space-between\"\n                        gap=\"2\"\n                        grow={1}\n                      >\n                        <Text>{saved.name}</Text>\n                        {!saved.disableEdit && (\n                          <Button\n                            appearance=\"secondary\"\n                            size=\"small\"\n                            icon={IconEdit}\n                            aria-label={`Edit ${saved.name}`}\n                            onClick={() => handleEdit(saved.id)}\n                          />\n                        )}\n                      </Flex>\n                    </DndSort.Card>\n                  ))}\n                </DndSort.Zone>\n              </DndSort>\n            ) : (\n              <Flex direction=\"column\" gap=\"2\">\n                {savedFilters.map((saved) => (\n                  <Flex\n                    key={saved.id}\n                    alignItems=\"center\"\n                    justifyContent=\"space-between\"\n                    gap=\"2\"\n                  >\n                    <Text>{saved.name}</Text>\n                    {!saved.disableEdit && (\n                      <Button\n                        appearance=\"secondary\"\n                        size=\"small\"\n                        icon={IconEdit}\n                        aria-label={`Edit ${saved.name}`}\n                        onClick={() => handleEdit(saved.id)}\n                      />\n                    )}\n                  </Flex>\n                ))}\n              </Flex>\n            )}\n          </Flex>\n        </Drawer.Content>\n        <Drawer.Footer>\n          <Flex justifyContent=\"flex-end\" grow={1}>\n            <Button onClick={onClose}>Close</Button>\n          </Flex>\n        </Drawer.Footer>\n\n        {/* Per-preset edit screen. `DrillDown.Header` brings its own back\n            button (aria-label \"Previous\"); we hook into `back()` via our\n            handleBackToList to clear local form scratch state when popping\n            back to the list. */}\n        <DrillDown index={EDIT_INDEX}>\n          <DrillDown.Header>{drilldownTitle}</DrillDown.Header>\n          <DrillDown.Content>\n            <Flex direction=\"column\" gap=\"4\" grow={1}>\n              {drilldownAlert && (\n                <Alert\n                  title={drilldownAlert.title}\n                  status={drilldownAlert.status}\n                />\n              )}\n              <TextField\n                label=\"Filter Name\"\n                placeholder=\"Name this filter\"\n                value={drilldownName}\n                onChange={(e) => setDrilldownName(e?.target.value ?? \"\")}\n                disabled={submitting !== null}\n                required\n                error={submitError ?? validationError}\n              />\n              <Divider />\n              {drilldownForm}\n            </Flex>\n          </DrillDown.Content>\n          <DrillDown.Footer>\n            <Flex\n              justifyContent={\n                drilldownTarget?.disableDelete ? \"flex-end\" : \"space-between\"\n              }\n              gap=\"3\"\n              grow={1}\n            >\n              {!drilldownTarget?.disableDelete && (\n                <Button\n                  appearance=\"danger-secondary\"\n                  onClick={handleDelete}\n                  loading={submitting === \"delete\"}\n                  disabled={submitting !== null}\n                >\n                  Delete Filter\n                </Button>\n              )}\n              <Flex gap=\"3\">\n                <Button\n                  onClick={handleBackToList}\n                  disabled={submitting !== null}\n                >\n                  Cancel\n                </Button>\n                <Button\n                  appearance=\"primary\"\n                  onClick={handleUpdate}\n                  disabled={!canSubmit}\n                  loading={submitting === \"update\"}\n                >\n                  Update Filter\n                </Button>\n              </Flex>\n            </Flex>\n          </DrillDown.Footer>\n        </DrillDown>\n      </Drawer>\n      <DateListDialog\n        libraryId={dateListDialogState?.libraryId ?? null}\n        parentFilterId={dateListDialogState?.filterId ?? \"\"}\n        initialValue={dateListDialogInitialValue}\n        mode={dateListDialogTarget?.mode}\n        dialogCtaLabel=\"Save\"\n        onCommit={(option) => {\n          if (dateListDialogState) {\n            handleDraftChange(dateListDialogState.filterId, option);\n          }\n          setDateListDialogState(null);\n        }}\n        onCancel={() => setDateListDialogState(null)}\n      />\n    </>\n  );\n};\n","import {\n  KeyboardEvent,\n  ReactElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport IconAdd from \"@servicetitan/hammer-icon/mdi/round/add.svg\";\nimport IconEdit from \"@servicetitan/hammer-icon/mdi/round/edit.svg\";\n\nimport Button from \"../../../components/Button\";\nimport { Text } from \"../../../components/Text\";\nimport { Flex } from \"../../../components/Flex\";\nimport { OptionsPopover } from \"../../../internal/components/OptionsPopover/OptionsPopover\";\nimport { OptionsPanel } from \"../../../internal/components/OptionsPanel\";\nimport { SelectItem } from \"../../../internal/types/selectFieldInternalTypes\";\nimport { CheckState } from \"../../../types\";\nimport { useMenuInteraction } from \"../SelectMenu/internal/useMenuInteraction\";\nimport { FilterTriggerButton } from \"../FilterBar/FilterTriggerButton\";\nimport styles from \"./SavedFiltersButton.module.scss\";\nimport { SavedFiltersButtonProps } from \"./types\";\nimport { AddSavedFilterDrawer } from \"./internal/AddSavedFilterDrawer\";\nimport { EditSavedFiltersDrawer } from \"./internal/EditSavedFiltersDrawer\";\n\n/**\n * `SavedFiltersButton` is an opt-in companion to FilterBar that lets users\n * apply, save, edit, and delete preset filter selections. It is fully\n * stateless: the consumer owns the `savedFilters` array and writes its own\n * persistence (server, localStorage, etc.) by reacting to the callbacks the\n * component fires.\n *\n * Visually it's a single Button trigger that opens a popover listing the\n * presets, with two footer actions:\n *\n * - **Save Current Filter** opens a drawer that snapshots `currentFilters`\n *   into a new preset.\n * - **Edit Saved Filters** opens a drawer listing every preset with edit\n *   affordances; clicking edit on a row drills into a per-preset form\n *   reusing the FilterBar adapter `renderDrawer` machinery.\n *\n * Apply, save, update, and delete are all delivered as consumer callbacks\n * (`onApplySavedFilter`, `onSaveCurrentFilter`, `onUpdateSavedFilter`,\n * `onDeleteSavedFilter`). Promise-returning callbacks are supported with\n * loading state on the relevant submit button and success/error alerts on\n * the parent drawer.\n *\n * @example\n * <SavedFiltersButton\n *   savedFilters={presets}\n *   currentFilters={filters}\n *   onApplySavedFilter={(preset) => setFilters(preset.filters)}\n *   onSaveCurrentFilter={async ({ name, filters }) => {\n *     await api.savePreset({ name, filters });\n *     refetchPresets();\n *   }}\n *   onUpdateSavedFilter={async (id, update) => api.updatePreset(id, update)}\n *   onDeleteSavedFilter={async (id) => api.deletePreset(id)}\n * />\n */\nexport const SavedFiltersButton = (props: SavedFiltersButtonProps) => {\n  const {\n    savedFilters,\n    currentFilters,\n    onApplySavedFilter,\n    onSaveCurrentFilter,\n    onUpdateSavedFilter,\n    onDeleteSavedFilter,\n    onReorderSavedFilters,\n    validateName,\n    alertText,\n    activeSavedFilterId,\n    label: labelProp,\n    emptyState,\n  } = props;\n\n  const DEFAULT_LABEL = \"Saved Filters\";\n  const label = labelProp\n    ? labelProp\n    : activeSavedFilterId\n      ? savedFilters.find((sf) => sf.id === activeSavedFilterId)?.name ||\n        DEFAULT_LABEL\n      : DEFAULT_LABEL;\n\n  const triggerRef = useRef<HTMLButtonElement>(null);\n\n  // Synthesize SelectItems so we can reuse the SelectMenu list machinery\n  // (OptionsPanel, useMenuInteraction). Each row is one saved filter; the\n  // row's id mirrors the preset id.\n  const items = useMemo<SelectItem[]>(\n    () =>\n      savedFilters.map((saved) => ({\n        id: saved.id,\n        type: \"option\" as const,\n        original: { id: saved.id, label: saved.name },\n      })),\n    [savedFilters],\n  );\n\n  // Active-preset state is consumer-owned via `activeSavedFilterId`. When\n  // the prop names a preset we mark just that row checked; when it's\n  // undefined the list reads as a clean unchecked menu (no row has the\n  // single-select check affordance).\n  const selectedItemIds = useMemo<Set<string | number>>(\n    () => (activeSavedFilterId ? new Set([activeSavedFilterId]) : new Set()),\n    [activeSavedFilterId],\n  );\n  const getCheckedState = useCallback(\n    (item: SelectItem): CheckState =>\n      item.id === activeSavedFilterId ? \"checked\" : \"unchecked\",\n    [activeSavedFilterId],\n  );\n\n  const handleItemActivate = useCallback(\n    (item: SelectItem) => {\n      const saved = savedFilters.find((s) => s.id === item.id);\n      if (saved) onApplySavedFilter(saved);\n    },\n    [savedFilters, onApplySavedFilter],\n  );\n\n  // We use the SelectMenu menu-interaction hook as-is so keyboard and focus\n  // behavior matches the platform's other menu surfaces. Popover-vs-dialog\n  // adaptation is fixed to \"popover\" here — saved filters always render\n  // inline in a popover even on mobile, since the heavy editing UX lives in\n  // the drawer flows.\n  const [isOpen, setIsOpen] = useState(false);\n  const {\n    closeMenu,\n    highlightedIndex,\n    getTriggerProps,\n    getMenuProps,\n    getItemProps,\n  } = useMenuInteraction({\n    items,\n    sectionsMeta: [],\n    onItemActivate: handleItemActivate,\n    selectedItemIds,\n    displayAs: \"popover\",\n    closeOnActivate: true,\n    id: \"saved-filters\",\n    triggerRef,\n    label,\n    isOpen,\n    setIsOpen,\n  });\n\n  const handleClickOutside = useCallback(() => {\n    closeMenu({ restoreFocus: false });\n  }, [closeMenu]);\n\n  const triggerProps = getTriggerProps();\n\n  const [addOpen, setAddOpen] = useState(false);\n  const [editOpen, setEditOpen] = useState(false);\n  // Snapshot of `currentFilters` captured at the moment the Save drawer\n  // opens, so subsequent edits to the bar don't change what gets saved.\n  const [filtersSnapshot, setFiltersSnapshot] = useState<typeof currentFilters>(\n    [],\n  );\n\n  const handleSaveCurrentClick = useCallback(() => {\n    setFiltersSnapshot(currentFilters);\n    closeMenu({ restoreFocus: false });\n    setAddOpen(true);\n  }, [closeMenu, currentFilters]);\n\n  const handleEditClick = useCallback(() => {\n    closeMenu({ restoreFocus: false });\n    setEditOpen(true);\n  }, [closeMenu]);\n\n  // Pressing Enter on a row activates via useMenuInteraction; the popover\n  // closes on activation, so footer button focus does not contend with it.\n  const handleFooterKeyDown = (e: KeyboardEvent) => {\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      closeMenu();\n    }\n  };\n\n  const footer: ReactElement = (\n    <Flex\n      direction=\"column\"\n      gap=\"2\"\n      className={styles[\"footer\"]}\n      onKeyDown={handleFooterKeyDown}\n    >\n      <Button\n        appearance=\"secondary\"\n        size=\"small\"\n        icon={{ before: IconAdd }}\n        style={{ width: \"100%\" }}\n        onClick={handleSaveCurrentClick}\n      >\n        Save Current Filter\n      </Button>\n      <Button\n        appearance=\"secondary\"\n        size=\"small\"\n        icon={{ before: IconEdit }}\n        style={{ width: \"100%\" }}\n        onClick={handleEditClick}\n        disabled={savedFilters.length === 0}\n      >\n        Edit Saved Filters\n      </Button>\n    </Flex>\n  );\n\n  return (\n    <>\n      {/*\n        FilterTriggerButton renders the same ghost/toolbar-sized chrome the\n        FilterBar uses for every filter trigger, so the saved-filters entry\n        point reads as just another control in the bar. `isSelected` mirrors\n        whether the consumer has named an active preset via\n        `activeSavedFilterId`.\n      */}\n      <FilterTriggerButton\n        {...triggerProps}\n        filterId=\"saved-filters\"\n        label={label}\n        isSelected={!!(activeSavedFilterId ?? false)}\n      />\n      <OptionsPopover\n        id=\"saved-filters-popover\"\n        referenceElement={triggerRef}\n        open={isOpen}\n        onClose={handleClickOutside}\n        width={280}\n        footer={footer}\n      >\n        {items.length === 0 ? (\n          <Flex\n            direction=\"column\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            className={styles[\"empty-state\"]}\n          >\n            {typeof emptyState === \"string\" || emptyState == null ? (\n              <Text subdued size=\"small\">\n                {emptyState ?? \"No saved filters yet.\"}\n              </Text>\n            ) : (\n              emptyState\n            )}\n          </Flex>\n        ) : (\n          <OptionsPanel\n            isOpen={isOpen}\n            items={items}\n            getMenuProps={getMenuProps}\n            getItemProps={getItemProps}\n            highlightedIndex={highlightedIndex}\n            getCheckedState={getCheckedState}\n            selectionType=\"single\"\n            hasMore={false}\n            onLoadMore={() => {}}\n            loading={false}\n            loadingMore={false}\n          />\n        )}\n      </OptionsPopover>\n      <AddSavedFilterDrawer\n        open={addOpen}\n        onClose={() => setAddOpen(false)}\n        filtersSnapshot={filtersSnapshot}\n        onSave={onSaveCurrentFilter}\n        validateName={validateName ? (name) => validateName(name) : undefined}\n      />\n      <EditSavedFiltersDrawer\n        open={editOpen}\n        onClose={() => setEditOpen(false)}\n        savedFilters={savedFilters}\n        onUpdate={onUpdateSavedFilter}\n        onDelete={onDeleteSavedFilter}\n        onReorder={onReorderSavedFilters}\n        validateName={validateName}\n        alertText={alertText}\n      />\n    </>\n  );\n};\n\nSavedFiltersButton.displayName = \"SavedFiltersButton\";\n"],"names":["IconEdit","IconAdd"],"mappings":"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"}
+{"version":3,"file":"SavedFiltersButton-BpjGgsnS.js","sources":["../src/beta/components/SavedFiltersButton/internal/AddSavedFilterDrawer.tsx","../src/beta/components/SavedFiltersButton/internal/EditSavedFiltersDrawer.tsx","../src/beta/components/SavedFiltersButton/SavedFiltersButton.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport Button from \"../../../../components/Button\";\nimport Drawer from \"../../../../components/Drawer\";\nimport Flex from \"../../../../components/Flex\";\nimport { TextField } from \"../../../../components/TextField\";\nimport { Filter } from \"../../FilterBar/internal/types\";\n\ntype AddSavedFilterDrawerProps = {\n  open: boolean;\n  onClose: () => void;\n  /** Snapshot of filters captured when the drawer opened. */\n  filtersSnapshot: Filter[];\n  onSave: (payload: {\n    name: string;\n    filters: Filter[];\n  }) => void | Promise<void>;\n  /**\n   * Consumer-supplied name validator. Returning a string blocks Add and is\n   * surfaced as the field's error message; `undefined` allows submit.\n   */\n  validateName?: (name: string) => string | undefined;\n};\n\n/**\n * Drawer rendered when the user clicks \"Save Current Filter\" in the\n * SavedFiltersButton popover. Captures a name and emits `onSave` with the\n * filters snapshot. Supports async `onSave`; while pending the Add button\n * shows a loading spinner and the form is disabled.\n *\n * If `onSave` rejects, the drawer stays open with the current input so the\n * user can retry or cancel. On success the drawer closes.\n */\nexport const AddSavedFilterDrawer = ({\n  open,\n  onClose,\n  filtersSnapshot,\n  onSave,\n  validateName,\n}: AddSavedFilterDrawerProps) => {\n  const [name, setName] = useState(\"\");\n  const [submitting, setSubmitting] = useState(false);\n  const [submitError, setSubmitError] = useState<string | undefined>(undefined);\n  // After a successful save, the consumer will likely add the just-saved\n  // name into their `savedFilters` list synchronously. If we keep running\n  // `validateName` against the current input we'll flash a \"name already\n  // exists\" error (the validator now sees our own freshly-created preset)\n  // before the parent unmounts us. This flag suspends validation between\n  // `onSave` resolving and the drawer actually closing.\n  const [justSubmitted, setJustSubmitted] = useState(false);\n\n  // Reset state every time the drawer opens. We don't reset on close so the\n  // closing animation can flush without snapping the visible state mid-tween.\n  useEffect(() => {\n    if (open) {\n      setName(\"\");\n      setSubmitting(false);\n      setSubmitError(undefined);\n      setJustSubmitted(false);\n    }\n  }, [open]);\n\n  const trimmed = name.trim();\n  const validationError =\n    !justSubmitted && validateName ? validateName(trimmed) : undefined;\n  const canSubmit = trimmed.length > 0 && !validationError && !submitting;\n\n  const handleAdd = async () => {\n    if (!canSubmit) return;\n    setSubmitting(true);\n    setSubmitError(undefined);\n    try {\n      await onSave({ name: trimmed, filters: filtersSnapshot });\n      // Suspend validation; the parent will close us synchronously, but the\n      // closing transition keeps us mounted for a beat — long enough to\n      // re-render with the consumer's updated savedFilters list, which\n      // otherwise would now collide with our input value.\n      setJustSubmitted(true);\n      onClose();\n    } catch (err) {\n      setSubmitError(\n        err instanceof Error && err.message\n          ? err.message\n          : \"Failed to save filter.\",\n      );\n      setSubmitting(false);\n    }\n  };\n\n  const handleCancel = () => {\n    if (submitting) return;\n    onClose();\n  };\n\n  return (\n    <Drawer open={open} onClose={handleCancel}>\n      <Drawer.Header>Save Current Filter</Drawer.Header>\n      <Drawer.Content>\n        <Flex direction=\"column\" gap=\"4\" grow={1}>\n          <TextField\n            label=\"Filter Name\"\n            placeholder=\"Name this filter\"\n            value={name}\n            onChange={(e) => setName(e?.target.value ?? \"\")}\n            disabled={submitting}\n            required\n            error={submitError ?? validationError}\n            onKeyDown={(e) => {\n              if (e.key === \"Enter\" && canSubmit) {\n                e.preventDefault();\n                handleAdd();\n              }\n            }}\n          />\n        </Flex>\n      </Drawer.Content>\n      <Drawer.Footer>\n        <Flex justifyContent=\"flex-end\" gap=\"3\" grow={1}>\n          <Button onClick={handleCancel} disabled={submitting}>\n            Cancel\n          </Button>\n          <Button\n            appearance=\"primary\"\n            onClick={handleAdd}\n            disabled={!canSubmit}\n            loading={submitting}\n          >\n            Add Saved Filter\n          </Button>\n        </Flex>\n      </Drawer.Footer>\n    </Drawer>\n  );\n};\n","import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport IconEdit from \"@servicetitan/hammer-icon/mdi/round/edit.svg\";\nimport Alert from \"../../../../components/Alert\";\nimport Button from \"../../../../components/Button\";\nimport Divider from \"../../../../components/Divider\";\nimport {\n  DndSort,\n  type DndSortChangeEvent,\n} from \"../../../../components/DndSort\";\nimport Drawer from \"../../../../components/Drawer\";\nimport { DrillDown, useDrillDown } from \"../../../../components/DrillDown\";\nimport Flex from \"../../../../components/Flex\";\nimport Text from \"../../../../components/Text\";\nimport { TextField } from \"../../../../components/TextField\";\nimport { DateListDialog } from \"../../FilterBar/FilterDateList\";\nimport { getAdapter } from \"../../FilterBar/internal/adapters\";\nimport {\n  cloneFiltersWithItemRefs,\n  updateSingleFilter,\n} from \"../../FilterBar/internal/utils/filter-state\";\nimport {\n  DateListFilter,\n  DateListLibraryOptionId,\n  Filter,\n} from \"../../FilterBar/internal/types\";\nimport { SavedFilter, SavedFiltersAlertText } from \"../types\";\n\n/**\n * Settled outcome of a delete or update operation. Surfaced as an Alert on\n * the list view of the drawer; persists until the drawer closes or another\n * outcome replaces it.\n */\ntype DrawerAlert = {\n  status: \"success\" | \"danger\";\n  title: string;\n};\n\ntype EditSavedFiltersDrawerProps = {\n  open: boolean;\n  onClose: () => void;\n  savedFilters: SavedFilter[];\n  /** Drilldown's \"Update Filter\" action. May return a promise. */\n  onUpdate?: (\n    id: string,\n    update: { name: string; filters: SavedFilter[\"filters\"] },\n  ) => void | Promise<void>;\n  /** Drilldown's \"Delete Filter\" action. May return a promise. */\n  onDelete?: (id: string) => void | Promise<void>;\n  /**\n   * Optional drag-to-reorder callback. When provided, the list view renders\n   * each row as a `DndSort.Card` with a drag handle and emits the new\n   * `orderedIds` after a drop. When omitted, the list renders as a static\n   * stack with no handles.\n   */\n  onReorder?: (orderedIds: string[]) => void | Promise<void>;\n  /**\n   * Optional validator for the name field in the drilldown. The `currentId`\n   * is set to the preset being edited so the consumer can permit the row's\n   * own name in uniqueness checks.\n   */\n  validateName?: (name: string, currentId?: string) => string | undefined;\n  /** Optional override for the auto-managed alert text. */\n  alertText?: SavedFiltersAlertText;\n};\n\nconst DEFAULT_ALERT_TEXT: Required<SavedFiltersAlertText> = {\n  saveSuccess: \"Filter saved.\",\n  saveError: \"Failed to save filter.\",\n  updateSuccess: \"Filter updated.\",\n  updateError: \"Failed to update filter.\",\n  deleteSuccess: \"Filter deleted.\",\n  deleteError: \"Failed to delete filter.\",\n  reorderError: \"Failed to reorder filters.\",\n};\n\n/** The per-preset edit screen lives at drilldown index 0. */\nconst EDIT_INDEX = 0;\n\n/**\n * Drawer that lets the user manage existing saved filters. Composed of two\n * views — a list of presets (the Drawer host) and a per-preset edit screen\n * (a `DrillDown` child) that reuses the FilterBar adapter `renderDrawer`\n * machinery to render edit fields. Navigation between the two is driven by\n * `useDrillDown`, which also wires the back-button affordance built into\n * `DrillDown.Header`.\n */\nexport const EditSavedFiltersDrawer = ({\n  open,\n  onClose,\n  savedFilters,\n  onUpdate,\n  onDelete,\n  onReorder,\n  validateName,\n  alertText,\n}: EditSavedFiltersDrawerProps) => {\n  const { setIndex, back, drillDownProps } = useDrillDown();\n\n  // Which preset the user clicked Edit on. `null` while on the list view.\n  // We track this ourselves because DrillDown only tracks \"which screen is\n  // active,\" not \"which preset is being edited.\"\n  const [editingId, setEditingId] = useState<string | null>(null);\n\n  // Drilldown-local form state. Re-seeded whenever a new preset is opened\n  // (i.e. editingId changes); not re-seeded on each parent re-render so the\n  // consumer can hot-swap `savedFilters` mid-edit without clobbering edits.\n  const [drilldownName, setDrilldownName] = useState(\"\");\n  const [drilldownDraft, setDrilldownDraft] = useState<Filter[]>([]);\n  const [dateListDialogState, setDateListDialogState] = useState<{\n    filterId: string;\n    libraryId: DateListLibraryOptionId;\n  } | null>(null);\n  const [submitting, setSubmitting] = useState<\"update\" | \"delete\" | null>(\n    null,\n  );\n  const [submitError, setSubmitError] = useState<string | null>(null);\n\n  const seededForRef = useRef<string | null>(null);\n\n  // Alerts surface settled outcomes from update / delete / reorder.\n  // listAlert appears at the top of the list view (most outcomes return\n  // there); drilldownAlert appears at the top of the drilldown content when\n  // an Update failed and we need to keep the user's in-progress edits\n  // available for retry.\n  const [listAlert, setListAlert] = useState<DrawerAlert | null>(null);\n  const [drilldownAlert, setDrilldownAlert] = useState<DrawerAlert | null>(\n    null,\n  );\n\n  // Reset everything on drawer close so the next open starts at the list\n  // with no stale state.\n  useEffect(() => {\n    if (!open) {\n      setEditingId(null);\n      seededForRef.current = null;\n      setSubmitError(null);\n      setSubmitting(null);\n      setListAlert(null);\n      setDrilldownAlert(null);\n      setIndex(undefined);\n    }\n  }, [open, setIndex]);\n\n  const drilldownTarget = editingId\n    ? savedFilters.find((s) => s.id === editingId)\n    : undefined;\n\n  // Seed the drilldown form when entering edit on a new preset. Not\n  // re-seeded when the consumer's savedFilters array updates mid-edit —\n  // once a drilldown is open, the user's edits are authoritative until\n  // they Update, Delete, or Cancel.\n  useEffect(() => {\n    if (!editingId || !drilldownTarget) return;\n    if (seededForRef.current === editingId) return;\n    seededForRef.current = editingId;\n    setDrilldownName(drilldownTarget.name);\n    setDrilldownDraft(cloneFiltersWithItemRefs(drilldownTarget.filters));\n    setSubmitError(null);\n  }, [editingId, drilldownTarget]);\n\n  const resolvedAlertText = useMemo(\n    () => ({ ...DEFAULT_ALERT_TEXT, ...alertText }),\n    [alertText],\n  );\n\n  const handleEdit = useCallback(\n    (id: string) => {\n      setListAlert(null);\n      setEditingId(id);\n      setIndex(EDIT_INDEX);\n    },\n    [setIndex],\n  );\n\n  // DndSort's drop event carries the new id ordering for the zone; we hand\n  // that straight to the consumer so they can re-sort `savedFilters`. The\n  // callback may return a promise — a rejection surfaces as a danger alert\n  // on the list view (matching the delete-failure pattern) so failures\n  // aren't invisible. A thrown `Error` with a message takes precedence over\n  // the configured `reorderError` text, mirroring update / delete.\n  const handleDrop = useCallback(\n    (event: DndSortChangeEvent) => {\n      if (!onReorder || !event.valid || !event.zoneSort) return;\n      Promise.resolve(onReorder(event.zoneSort.map((id) => String(id)))).catch(\n        (err) => {\n          console.error(\n            \"SavedFiltersButton onReorderSavedFilters failed:\",\n            err,\n          );\n          setListAlert({\n            status: \"danger\",\n            title:\n              err instanceof Error && err.message\n                ? err.message\n                : resolvedAlertText.reorderError,\n          });\n        },\n      );\n    },\n    [onReorder, resolvedAlertText],\n  );\n\n  const sortedIds = useMemo(\n    () => savedFilters.map((s) => s.id),\n    [savedFilters],\n  );\n\n  // Pop back to the list. Clears form scratch state so the next drilldown\n  // entry seeds fresh, and clears the drilldown's error alert.\n  const handleBackToList = useCallback(() => {\n    seededForRef.current = null;\n    setEditingId(null);\n    setSubmitError(null);\n    setDrilldownAlert(null);\n    back();\n  }, [back]);\n\n  const handleDraftChange = useCallback((filterId: string, value: unknown) => {\n    setDrilldownDraft((prev) => updateSingleFilter(prev, filterId, value));\n  }, []);\n\n  const requestDateListDialog = useCallback(\n    (filterId: string, libraryId: DateListLibraryOptionId) => {\n      setDateListDialogState({ filterId, libraryId });\n    },\n    [],\n  );\n\n  // Render the per-filter form fields by delegating to each adapter's\n  // renderDrawer — the exact same machinery FilterDrawer uses, so any\n  // adapter that works there works here too.\n  const drilldownForm = useMemo(() => {\n    if (!drilldownTarget) return null;\n    return drilldownDraft.map((draftFilter) => {\n      const originalFilter =\n        drilldownTarget.filters.find((f) => f.id === draftFilter.id) ??\n        draftFilter;\n      return getAdapter(draftFilter).renderDrawer({\n        originalFilter,\n        draftFilter,\n        onDraftChange: handleDraftChange,\n        requestDateListDialog,\n      });\n    });\n  }, [\n    drilldownDraft,\n    drilldownTarget,\n    handleDraftChange,\n    requestDateListDialog,\n  ]);\n\n  const trimmedName = drilldownName.trim();\n  const validationError =\n    validateName && editingId\n      ? validateName(trimmedName, editingId)\n      : undefined;\n  const canSubmit =\n    editingId !== null &&\n    trimmedName.length > 0 &&\n    !validationError &&\n    submitting === null;\n\n  const handleUpdate = useCallback(async () => {\n    if (!editingId || !onUpdate || !canSubmit) return;\n    setSubmitting(\"update\");\n    setSubmitError(null);\n    setDrilldownAlert(null);\n    try {\n      await onUpdate(editingId, {\n        name: trimmedName,\n        filters: drilldownDraft,\n      });\n      // Success: pop back to the list with a success alert.\n      seededForRef.current = null;\n      setEditingId(null);\n      back();\n      setSubmitting(null);\n      setListAlert({\n        status: \"success\",\n        title: resolvedAlertText.updateSuccess,\n      });\n    } catch (err) {\n      // Failure: stay in drilldown so the user can adjust and retry. The\n      // server error surfaces as a drilldown-level alert above the form.\n      setDrilldownAlert({\n        status: \"danger\",\n        title:\n          err instanceof Error && err.message\n            ? err.message\n            : resolvedAlertText.updateError,\n      });\n      setSubmitting(null);\n    }\n  }, [\n    editingId,\n    onUpdate,\n    canSubmit,\n    trimmedName,\n    drilldownDraft,\n    resolvedAlertText,\n    back,\n  ]);\n\n  const handleDelete = useCallback(async () => {\n    if (!editingId || !onDelete || submitting !== null) return;\n    if (drilldownTarget?.disableDelete) return;\n    setSubmitting(\"delete\");\n    setSubmitError(null);\n    setDrilldownAlert(null);\n    try {\n      await onDelete(editingId);\n      // Success: pop back to the list with a success alert.\n      seededForRef.current = null;\n      setEditingId(null);\n      back();\n      setSubmitting(null);\n      setListAlert({\n        status: \"success\",\n        title: resolvedAlertText.deleteSuccess,\n      });\n    } catch (err) {\n      // Failure: pop back to the list with an error alert — the drilldown\n      // had nothing to preserve since the user was trying to remove the\n      // row entirely.\n      seededForRef.current = null;\n      setEditingId(null);\n      back();\n      setSubmitting(null);\n      setListAlert({\n        status: \"danger\",\n        title:\n          err instanceof Error && err.message\n            ? err.message\n            : resolvedAlertText.deleteError,\n      });\n    }\n  }, [\n    editingId,\n    onDelete,\n    submitting,\n    drilldownTarget,\n    resolvedAlertText,\n    back,\n  ]);\n\n  // dateList dialog target derives from drilldownDraft (so the dialog can\n  // pre-seed from whatever's currently in the draft).\n  const dateListDialogTarget = dateListDialogState\n    ? drilldownDraft.find(\n        (f): f is DateListFilter =>\n          f.id === dateListDialogState.filterId && f.type === \"dateList\",\n      )\n    : undefined;\n  const dateListDialogSelected = dateListDialogTarget?.selectedOption;\n  const dateListDialogInitialValue =\n    dateListDialogSelected &&\n    dateListDialogSelected.id === dateListDialogState?.libraryId &&\n    dateListDialogSelected.value !== null\n      ? dateListDialogSelected.value\n      : undefined;\n\n  const drilldownTitle = drilldownTarget?.name ?? \"Edit Saved Filter\";\n\n  return (\n    <>\n      <Drawer open={open} onClose={onClose} {...drillDownProps}>\n        {/* Host view — the saved-filters list. Visible whenever no\n            DrillDown screen is active. */}\n        <Drawer.Header>Edit Saved Filters</Drawer.Header>\n        <Drawer.Content>\n          <Flex direction=\"column\" gap=\"4\" grow={1}>\n            {listAlert && (\n              <Alert title={listAlert.title} status={listAlert.status} />\n            )}\n            {savedFilters.length === 0 ? (\n              <Text subdued size=\"small\">\n                No saved filters to edit.\n              </Text>\n            ) : onReorder ? (\n              <DndSort onDrop={handleDrop}>\n                <DndSort.Zone\n                  sortable\n                  id=\"saved-filters-zone\"\n                  label=\"Saved filters\"\n                  orientation=\"vertical\"\n                  sortedIds={sortedIds}\n                  gap=\"2\"\n                >\n                  {savedFilters.map((saved) => (\n                    <DndSort.Card\n                      key={saved.id}\n                      id={saved.id}\n                      label={saved.name}\n                      dragOnlyWithHandle\n                    >\n                      <Flex\n                        alignItems=\"center\"\n                        justifyContent=\"space-between\"\n                        gap=\"2\"\n                        grow={1}\n                      >\n                        <Text>{saved.name}</Text>\n                        {!saved.disableEdit && (\n                          <Button\n                            appearance=\"secondary\"\n                            size=\"small\"\n                            icon={IconEdit}\n                            aria-label={`Edit ${saved.name}`}\n                            onClick={() => handleEdit(saved.id)}\n                          />\n                        )}\n                      </Flex>\n                    </DndSort.Card>\n                  ))}\n                </DndSort.Zone>\n              </DndSort>\n            ) : (\n              <Flex direction=\"column\" gap=\"2\">\n                {savedFilters.map((saved) => (\n                  <Flex\n                    key={saved.id}\n                    alignItems=\"center\"\n                    justifyContent=\"space-between\"\n                    gap=\"2\"\n                  >\n                    <Text>{saved.name}</Text>\n                    {!saved.disableEdit && (\n                      <Button\n                        appearance=\"secondary\"\n                        size=\"small\"\n                        icon={IconEdit}\n                        aria-label={`Edit ${saved.name}`}\n                        onClick={() => handleEdit(saved.id)}\n                      />\n                    )}\n                  </Flex>\n                ))}\n              </Flex>\n            )}\n          </Flex>\n        </Drawer.Content>\n        <Drawer.Footer>\n          <Flex justifyContent=\"flex-end\" grow={1}>\n            <Button onClick={onClose}>Close</Button>\n          </Flex>\n        </Drawer.Footer>\n\n        {/* Per-preset edit screen. `DrillDown.Header` brings its own back\n            button (aria-label \"Previous\"); we hook into `back()` via our\n            handleBackToList to clear local form scratch state when popping\n            back to the list. */}\n        <DrillDown index={EDIT_INDEX}>\n          <DrillDown.Header>{drilldownTitle}</DrillDown.Header>\n          <DrillDown.Content>\n            <Flex direction=\"column\" gap=\"4\" grow={1}>\n              {drilldownAlert && (\n                <Alert\n                  title={drilldownAlert.title}\n                  status={drilldownAlert.status}\n                />\n              )}\n              <TextField\n                label=\"Filter Name\"\n                placeholder=\"Name this filter\"\n                value={drilldownName}\n                onChange={(e) => setDrilldownName(e?.target.value ?? \"\")}\n                disabled={submitting !== null}\n                required\n                error={submitError ?? validationError}\n              />\n              <Divider />\n              {drilldownForm}\n            </Flex>\n          </DrillDown.Content>\n          <DrillDown.Footer>\n            <Flex\n              justifyContent={\n                drilldownTarget?.disableDelete ? \"flex-end\" : \"space-between\"\n              }\n              gap=\"3\"\n              grow={1}\n            >\n              {!drilldownTarget?.disableDelete && (\n                <Button\n                  appearance=\"danger-secondary\"\n                  onClick={handleDelete}\n                  loading={submitting === \"delete\"}\n                  disabled={submitting !== null}\n                >\n                  Delete Filter\n                </Button>\n              )}\n              <Flex gap=\"3\">\n                <Button\n                  onClick={handleBackToList}\n                  disabled={submitting !== null}\n                >\n                  Cancel\n                </Button>\n                <Button\n                  appearance=\"primary\"\n                  onClick={handleUpdate}\n                  disabled={!canSubmit}\n                  loading={submitting === \"update\"}\n                >\n                  Update Filter\n                </Button>\n              </Flex>\n            </Flex>\n          </DrillDown.Footer>\n        </DrillDown>\n      </Drawer>\n      <DateListDialog\n        libraryId={dateListDialogState?.libraryId ?? null}\n        parentFilterId={dateListDialogState?.filterId ?? \"\"}\n        initialValue={dateListDialogInitialValue}\n        mode={dateListDialogTarget?.mode}\n        dialogCtaLabel=\"Save\"\n        onCommit={(option) => {\n          if (dateListDialogState) {\n            handleDraftChange(dateListDialogState.filterId, option);\n          }\n          setDateListDialogState(null);\n        }}\n        onCancel={() => setDateListDialogState(null)}\n      />\n    </>\n  );\n};\n","import {\n  KeyboardEvent,\n  ReactElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport IconAdd from \"@servicetitan/hammer-icon/mdi/round/add.svg\";\nimport IconEdit from \"@servicetitan/hammer-icon/mdi/round/edit.svg\";\n\nimport Button from \"../../../components/Button\";\nimport { Text } from \"../../../components/Text\";\nimport { Flex } from \"../../../components/Flex\";\nimport { OptionsPopover } from \"../../../internal/components/OptionsPopover/OptionsPopover\";\nimport { OptionsPanel } from \"../../../internal/components/OptionsPanel\";\nimport { SelectItem } from \"../../../internal/types/selectFieldInternalTypes\";\nimport { CheckState } from \"../../../types\";\nimport { useMenuInteraction } from \"../SelectMenu/internal/useMenuInteraction\";\nimport { FilterTriggerButton } from \"../FilterBar/FilterTriggerButton\";\nimport styles from \"./SavedFiltersButton.module.scss\";\nimport { SavedFiltersButtonProps } from \"./types\";\nimport { AddSavedFilterDrawer } from \"./internal/AddSavedFilterDrawer\";\nimport { EditSavedFiltersDrawer } from \"./internal/EditSavedFiltersDrawer\";\n\n/**\n * `SavedFiltersButton` is an opt-in companion to FilterBar that lets users\n * apply, save, edit, and delete preset filter selections. It is fully\n * stateless: the consumer owns the `savedFilters` array and writes its own\n * persistence (server, localStorage, etc.) by reacting to the callbacks the\n * component fires.\n *\n * Visually it's a single Button trigger that opens a popover listing the\n * presets, with two footer actions:\n *\n * - **Save Current Filter** opens a drawer that snapshots `currentFilters`\n *   into a new preset.\n * - **Edit Saved Filters** opens a drawer listing every preset with edit\n *   affordances; clicking edit on a row drills into a per-preset form\n *   reusing the FilterBar adapter `renderDrawer` machinery.\n *\n * Apply, save, update, and delete are all delivered as consumer callbacks\n * (`onApplySavedFilter`, `onSaveCurrentFilter`, `onUpdateSavedFilter`,\n * `onDeleteSavedFilter`). Promise-returning callbacks are supported with\n * loading state on the relevant submit button and success/error alerts on\n * the parent drawer.\n *\n * @example\n * <SavedFiltersButton\n *   savedFilters={presets}\n *   currentFilters={filters}\n *   onApplySavedFilter={(preset) => setFilters(preset.filters)}\n *   onSaveCurrentFilter={async ({ name, filters }) => {\n *     await api.savePreset({ name, filters });\n *     refetchPresets();\n *   }}\n *   onUpdateSavedFilter={async (id, update) => api.updatePreset(id, update)}\n *   onDeleteSavedFilter={async (id) => api.deletePreset(id)}\n * />\n */\nexport const SavedFiltersButton = (props: SavedFiltersButtonProps) => {\n  const {\n    savedFilters,\n    currentFilters,\n    onApplySavedFilter,\n    onSaveCurrentFilter,\n    onUpdateSavedFilter,\n    onDeleteSavedFilter,\n    onReorderSavedFilters,\n    validateName,\n    alertText,\n    activeSavedFilterId,\n    label: labelProp,\n    emptyState,\n  } = props;\n\n  const DEFAULT_LABEL = \"Saved Filters\";\n  const label = labelProp\n    ? labelProp\n    : activeSavedFilterId\n      ? savedFilters.find((sf) => sf.id === activeSavedFilterId)?.name ||\n        DEFAULT_LABEL\n      : DEFAULT_LABEL;\n\n  const triggerRef = useRef<HTMLButtonElement>(null);\n\n  // Synthesize SelectItems so we can reuse the SelectMenu list machinery\n  // (OptionsPanel, useMenuInteraction). Each row is one saved filter; the\n  // row's id mirrors the preset id.\n  const items = useMemo<SelectItem[]>(\n    () =>\n      savedFilters.map((saved) => ({\n        id: saved.id,\n        type: \"option\" as const,\n        original: { id: saved.id, label: saved.name },\n      })),\n    [savedFilters],\n  );\n\n  // Active-preset state is consumer-owned via `activeSavedFilterId`. When\n  // the prop names a preset we mark just that row checked; when it's\n  // undefined the list reads as a clean unchecked menu (no row has the\n  // single-select check affordance).\n  const selectedItemIds = useMemo<Set<string | number>>(\n    () => (activeSavedFilterId ? new Set([activeSavedFilterId]) : new Set()),\n    [activeSavedFilterId],\n  );\n  const getCheckedState = useCallback(\n    (item: SelectItem): CheckState =>\n      item.id === activeSavedFilterId ? \"checked\" : \"unchecked\",\n    [activeSavedFilterId],\n  );\n\n  const handleItemActivate = useCallback(\n    (item: SelectItem) => {\n      const saved = savedFilters.find((s) => s.id === item.id);\n      if (saved) onApplySavedFilter(saved);\n    },\n    [savedFilters, onApplySavedFilter],\n  );\n\n  // We use the SelectMenu menu-interaction hook as-is so keyboard and focus\n  // behavior matches the platform's other menu surfaces. Popover-vs-dialog\n  // adaptation is fixed to \"popover\" here — saved filters always render\n  // inline in a popover even on mobile, since the heavy editing UX lives in\n  // the drawer flows.\n  const [isOpen, setIsOpen] = useState(false);\n  const {\n    closeMenu,\n    highlightedIndex,\n    getTriggerProps,\n    getMenuProps,\n    getItemProps,\n  } = useMenuInteraction({\n    items,\n    sectionsMeta: [],\n    onItemActivate: handleItemActivate,\n    selectedItemIds,\n    displayAs: \"popover\",\n    closeOnActivate: true,\n    id: \"saved-filters\",\n    triggerRef,\n    label,\n    isOpen,\n    setIsOpen,\n  });\n\n  const handleClickOutside = useCallback(() => {\n    closeMenu({ restoreFocus: false });\n  }, [closeMenu]);\n\n  const triggerProps = getTriggerProps();\n\n  const [addOpen, setAddOpen] = useState(false);\n  const [editOpen, setEditOpen] = useState(false);\n  // Snapshot of `currentFilters` captured at the moment the Save drawer\n  // opens, so subsequent edits to the bar don't change what gets saved.\n  const [filtersSnapshot, setFiltersSnapshot] = useState<typeof currentFilters>(\n    [],\n  );\n\n  const handleSaveCurrentClick = useCallback(() => {\n    setFiltersSnapshot(currentFilters);\n    closeMenu({ restoreFocus: false });\n    setAddOpen(true);\n  }, [closeMenu, currentFilters]);\n\n  const handleEditClick = useCallback(() => {\n    closeMenu({ restoreFocus: false });\n    setEditOpen(true);\n  }, [closeMenu]);\n\n  // Pressing Enter on a row activates via useMenuInteraction; the popover\n  // closes on activation, so footer button focus does not contend with it.\n  const handleFooterKeyDown = (e: KeyboardEvent) => {\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      closeMenu();\n    }\n  };\n\n  const footer: ReactElement = (\n    <Flex\n      direction=\"column\"\n      gap=\"2\"\n      className={styles[\"footer\"]}\n      onKeyDown={handleFooterKeyDown}\n    >\n      <Button\n        appearance=\"secondary\"\n        size=\"small\"\n        icon={{ before: IconAdd }}\n        style={{ width: \"100%\" }}\n        onClick={handleSaveCurrentClick}\n      >\n        Save Current Filter\n      </Button>\n      <Button\n        appearance=\"secondary\"\n        size=\"small\"\n        icon={{ before: IconEdit }}\n        style={{ width: \"100%\" }}\n        onClick={handleEditClick}\n        disabled={savedFilters.length === 0}\n      >\n        Edit Saved Filters\n      </Button>\n    </Flex>\n  );\n\n  return (\n    <>\n      {/*\n        FilterTriggerButton renders the same ghost/toolbar-sized chrome the\n        FilterBar uses for every filter trigger, so the saved-filters entry\n        point reads as just another control in the bar. `isSelected` mirrors\n        whether the consumer has named an active preset via\n        `activeSavedFilterId`.\n      */}\n      <FilterTriggerButton\n        {...triggerProps}\n        filterId=\"saved-filters\"\n        label={label}\n        isSelected={!!(activeSavedFilterId ?? false)}\n      />\n      <OptionsPopover\n        id=\"saved-filters-popover\"\n        referenceElement={triggerRef}\n        open={isOpen}\n        onClose={handleClickOutside}\n        width={280}\n        footer={footer}\n      >\n        {items.length === 0 ? (\n          <Flex\n            direction=\"column\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            className={styles[\"empty-state\"]}\n          >\n            {typeof emptyState === \"string\" || emptyState == null ? (\n              <Text subdued size=\"small\">\n                {emptyState ?? \"No saved filters yet.\"}\n              </Text>\n            ) : (\n              emptyState\n            )}\n          </Flex>\n        ) : (\n          <OptionsPanel\n            isOpen={isOpen}\n            items={items}\n            getMenuProps={getMenuProps}\n            getItemProps={getItemProps}\n            highlightedIndex={highlightedIndex}\n            getCheckedState={getCheckedState}\n            selectionType=\"single\"\n            hasMore={false}\n            onLoadMore={() => {}}\n            loading={false}\n            loadingMore={false}\n          />\n        )}\n      </OptionsPopover>\n      <AddSavedFilterDrawer\n        open={addOpen}\n        onClose={() => setAddOpen(false)}\n        filtersSnapshot={filtersSnapshot}\n        onSave={onSaveCurrentFilter}\n        validateName={validateName ? (name) => validateName(name) : undefined}\n      />\n      <EditSavedFiltersDrawer\n        open={editOpen}\n        onClose={() => setEditOpen(false)}\n        savedFilters={savedFilters}\n        onUpdate={onUpdateSavedFilter}\n        onDelete={onDeleteSavedFilter}\n        onReorder={onReorderSavedFilters}\n        validateName={validateName}\n        alertText={alertText}\n      />\n    </>\n  );\n};\n\nSavedFiltersButton.displayName = \"SavedFiltersButton\";\n"],"names":["IconEdit","IconAdd"],"mappings":"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"}

package/dist/SavedFiltersButton.js

@@ -1,2 +1,2 @@
-export { S as SavedFiltersButton } from './SavedFiltersButton-Cr829guv.js';
+export { S as SavedFiltersButton } from './SavedFiltersButton-BpjGgsnS.js';
 //# sourceMappingURL=SavedFiltersButton.js.map

package/dist/{SearchField-fXc_vWEr.js → SearchField-CD64ELrq.js}

@@ -5,8 +5,8 @@ import { c as cx } from './index-De1g9FRV.js';
 import { t as textFieldStyles } from './TextField.module-C8FsjTpx.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
-import { I as Icon } from './Icon-feeG7gXA.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
+import { I as Icon } from './Icon-BEwHECSM.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjqeAJZ9.js';
 import { useTrackingId } from './useTrackingId.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 
@@ -182,4 +182,4 @@ const SearchField = forwardRef(
 );
 
 export { SearchField as S };
-//# sourceMappingURL=SearchField-fXc_vWEr.js.map
+//# sourceMappingURL=SearchField-CD64ELrq.js.map

package/dist/{SearchField-fXc_vWEr.js.map → SearchField-CD64ELrq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SearchField-fXc_vWEr.js","sources":["../../hammer-icon/mdi/round/search.svg","../src/components/SearchField/internal/SearchField.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgSearch = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" }));\nexport default SvgSearch;\n","import {\n  forwardRef,\n  ComponentPropsWithoutRef,\n  useId,\n  useRef,\n  ChangeEvent,\n  KeyboardEvent,\n  useState,\n  useEffect,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport textfieldStyles from \"../../TextField/TextField.module.scss\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport Search from \"@servicetitan/hammer-icon/mdi/round/search.svg\";\nimport styles from \"../SearchField.module.scss\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { SrOnly } from \"../../SrOnly\";\nimport { Icon } from \"../../Icon\";\nimport { useTrackingId, useMergeRefs } from \"../../../hooks\";\nimport { DataTrackingId, LayoutUtilProps, Size } from \"../../../types\";\n\n/**\n * Props for the SearchField component\n * @extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\" | \"prefix\" | \"required\" | \"children\">\n * @extends LayoutUtilProps\n */\nexport type SearchFieldProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"size\" | \"prefix\" | \"required\" | \"children\"\n> &\n  LayoutUtilProps & {\n    /**\n     * Size of the search field\n     * @default \"medium\"\n     */\n    size?: Extract<Size, \"xsmall\" | \"small\" | \"medium\" | \"large\">;\n    /**\n     * Whether the search field is disabled\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Callback when the clear button is clicked or activated via keyboard (Enter/Space)\n     */\n    onClear?: () => void;\n  } & DataTrackingId;\n\n/**\n * SearchField component for text input with search functionality.\n *\n * Features:\n * - Search icon prefix for visual clarity\n * - Clear button that appears when input has value\n * - Arrow key navigation between input and clear button (Right arrow to clear button, Left arrow back to input)\n * - Clear button activated with Enter/Space keys\n * - Focus returns to input after clearing\n * - Multiple size variants (xsmall, small, medium, large)\n * - Controlled and uncontrolled modes\n * - Disabled and read-only states\n * - Accessibility support with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Automatic value detection for clear button visibility\n * - Search-specific input type and autocomplete settings\n * - Screen reader support with placeholder announcements\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <SearchField\n *   placeholder=\"Search users...\"\n *   onChange={(e) => setSearchTerm(e.target.value)}\n *   onClear={() => setSearchTerm(\"\")}\n * />\n *\n * @example\n * <SearchField\n *   size=\"large\"\n *   value={searchValue}\n *   onChange={(e) => setSearchValue(e.target.value)}\n *   disabled={isLoading}\n * />\n */\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(\n  function SearchField(props, ref) {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      size,\n      onChange,\n      onClear,\n      id: idProp,\n      disabled,\n      style,\n      value,\n      placeholder = \"Search...\",\n      autoComplete = \"off\",\n      ...rest\n    } = componentProps;\n\n    const [hasValue, setHasValue] = useState(\n      rest.defaultValue || value ? true : false,\n    );\n    const placeholderUid = useId();\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const styleCombined = { ...style, ...layoutStyles };\n\n    const handleOnChange = (e: ChangeEvent<HTMLInputElement>) => {\n      if (e.target.value) {\n        setHasValue(true);\n      } else {\n        setHasValue(false);\n      }\n      onChange?.(e);\n    };\n\n    useEffect(() => {\n      if (typeof value === \"undefined\") return;\n      if (value === \"\" || !value) {\n        setHasValue(false);\n      } else {\n        setHasValue(true);\n      }\n    }, [value]);\n\n    const handleClear = () => {\n      if (!inputRef.current) return;\n      if (disabled || rest.readOnly) return;\n      onClear?.();\n      if (value) {\n        inputRef.current.focus();\n        return;\n      }\n      const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n        window.HTMLInputElement.prototype,\n        \"value\",\n      )?.set;\n      nativeInputValueSetter?.call(inputRef.current, \"\");\n      inputRef.current.dispatchEvent(new Event(\"input\", { bubbles: true }));\n      setHasValue(false);\n      inputRef.current.focus();\n    };\n\n    const handleClearKeyDown = (e: KeyboardEvent<HTMLSpanElement>) => {\n      if (e.code === \"Enter\" || e.code === \"Space\") {\n        e.preventDefault();\n        handleClear();\n      } else if (e.code === \"ArrowLeft\") {\n        e.preventDefault();\n        inputRef.current?.focus();\n      }\n    };\n\n    const handleInputKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.code === \"ArrowRight\" && hasValue) {\n        const input = e.currentTarget;\n        if (input.selectionStart === input.value.length) {\n          e.preventDefault();\n          const clearButton = input.parentElement?.querySelector(\n            '[role=\"button\"]',\n          ) as HTMLElement;\n          clearButton?.focus();\n        }\n      }\n    };\n\n    const data = {\n      value: props.value,\n      defaultValue: props.defaultValue,\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      size: props.size,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"SearchField\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    return (\n      <div\n        className={cx(\n          textfieldStyles[\"textfield\"],\n          styles[\"searchfield\"],\n          className,\n        )}\n        data-anv=\"SearchField\"\n        style={styleCombined}\n      >\n        <div\n          className={cx(\n            textfieldStyles[\"input-wrapper\"],\n            styles[\"input-wrapper\"],\n            {\n              [textfieldStyles[\"xsmall\"]]: size === \"xsmall\",\n              [textfieldStyles[\"small\"]]: size === \"small\",\n              [textfieldStyles[\"large\"]]: size === \"large\",\n            },\n          )}\n          role=\"presentation\"\n          onClick={() => inputRef.current?.focus()}\n        >\n          <div aria-hidden className={textfieldStyles[\"prefix\"]}>\n            <Icon aria-label=\"search\" svg={Search} />\n          </div>\n          <input\n            className={cx(textfieldStyles[\"input\"], styles[\"input\"], {\n              [styles[\"input--has-value\"]]: hasValue,\n            })}\n            ref={useMergeRefs([ref, inputRef])}\n            onChange={handleOnChange}\n            onKeyDown={handleInputKeyDown}\n            placeholder={placeholder}\n            value={value}\n            type=\"search\"\n            autoComplete={autoComplete}\n            disabled={disabled}\n            aria-labelledby={placeholderUid}\n            data-tracking-id={trackingId}\n            {...rest}\n          />\n          <Icon\n            aria-label=\"Clear search\"\n            svg={Close}\n            role=\"button\"\n            onClick={handleClear}\n            onKeyDown={handleClearKeyDown}\n            tabIndex={-1}\n            className={styles[\"clear\"]}\n            aria-disabled={disabled}\n            style={{\n              visibility: hasValue ? \"visible\" : \"hidden\",\n            }}\n          />\n        </div>\n        <SrOnly id={placeholderUid}>{placeholder}</SrOnly>\n      </div>\n    );\n  },\n);\n"],"names":["SearchField","textfieldStyles","Search","Close"],"mappings":"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"}
+{"version":3,"file":"SearchField-CD64ELrq.js","sources":["../../hammer-icon/mdi/round/search.svg","../src/components/SearchField/internal/SearchField.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgSearch = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" }));\nexport default SvgSearch;\n","import {\n  forwardRef,\n  ComponentPropsWithoutRef,\n  useId,\n  useRef,\n  ChangeEvent,\n  KeyboardEvent,\n  useState,\n  useEffect,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport textfieldStyles from \"../../TextField/TextField.module.scss\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport Search from \"@servicetitan/hammer-icon/mdi/round/search.svg\";\nimport styles from \"../SearchField.module.scss\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { SrOnly } from \"../../SrOnly\";\nimport { Icon } from \"../../Icon\";\nimport { useTrackingId, useMergeRefs } from \"../../../hooks\";\nimport { DataTrackingId, LayoutUtilProps, Size } from \"../../../types\";\n\n/**\n * Props for the SearchField component\n * @extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\" | \"prefix\" | \"required\" | \"children\">\n * @extends LayoutUtilProps\n */\nexport type SearchFieldProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"size\" | \"prefix\" | \"required\" | \"children\"\n> &\n  LayoutUtilProps & {\n    /**\n     * Size of the search field\n     * @default \"medium\"\n     */\n    size?: Extract<Size, \"xsmall\" | \"small\" | \"medium\" | \"large\">;\n    /**\n     * Whether the search field is disabled\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Callback when the clear button is clicked or activated via keyboard (Enter/Space)\n     */\n    onClear?: () => void;\n  } & DataTrackingId;\n\n/**\n * SearchField component for text input with search functionality.\n *\n * Features:\n * - Search icon prefix for visual clarity\n * - Clear button that appears when input has value\n * - Arrow key navigation between input and clear button (Right arrow to clear button, Left arrow back to input)\n * - Clear button activated with Enter/Space keys\n * - Focus returns to input after clearing\n * - Multiple size variants (xsmall, small, medium, large)\n * - Controlled and uncontrolled modes\n * - Disabled and read-only states\n * - Accessibility support with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Automatic value detection for clear button visibility\n * - Search-specific input type and autocomplete settings\n * - Screen reader support with placeholder announcements\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <SearchField\n *   placeholder=\"Search users...\"\n *   onChange={(e) => setSearchTerm(e.target.value)}\n *   onClear={() => setSearchTerm(\"\")}\n * />\n *\n * @example\n * <SearchField\n *   size=\"large\"\n *   value={searchValue}\n *   onChange={(e) => setSearchValue(e.target.value)}\n *   disabled={isLoading}\n * />\n */\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(\n  function SearchField(props, ref) {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      size,\n      onChange,\n      onClear,\n      id: idProp,\n      disabled,\n      style,\n      value,\n      placeholder = \"Search...\",\n      autoComplete = \"off\",\n      ...rest\n    } = componentProps;\n\n    const [hasValue, setHasValue] = useState(\n      rest.defaultValue || value ? true : false,\n    );\n    const placeholderUid = useId();\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const styleCombined = { ...style, ...layoutStyles };\n\n    const handleOnChange = (e: ChangeEvent<HTMLInputElement>) => {\n      if (e.target.value) {\n        setHasValue(true);\n      } else {\n        setHasValue(false);\n      }\n      onChange?.(e);\n    };\n\n    useEffect(() => {\n      if (typeof value === \"undefined\") return;\n      if (value === \"\" || !value) {\n        setHasValue(false);\n      } else {\n        setHasValue(true);\n      }\n    }, [value]);\n\n    const handleClear = () => {\n      if (!inputRef.current) return;\n      if (disabled || rest.readOnly) return;\n      onClear?.();\n      if (value) {\n        inputRef.current.focus();\n        return;\n      }\n      const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n        window.HTMLInputElement.prototype,\n        \"value\",\n      )?.set;\n      nativeInputValueSetter?.call(inputRef.current, \"\");\n      inputRef.current.dispatchEvent(new Event(\"input\", { bubbles: true }));\n      setHasValue(false);\n      inputRef.current.focus();\n    };\n\n    const handleClearKeyDown = (e: KeyboardEvent<HTMLSpanElement>) => {\n      if (e.code === \"Enter\" || e.code === \"Space\") {\n        e.preventDefault();\n        handleClear();\n      } else if (e.code === \"ArrowLeft\") {\n        e.preventDefault();\n        inputRef.current?.focus();\n      }\n    };\n\n    const handleInputKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.code === \"ArrowRight\" && hasValue) {\n        const input = e.currentTarget;\n        if (input.selectionStart === input.value.length) {\n          e.preventDefault();\n          const clearButton = input.parentElement?.querySelector(\n            '[role=\"button\"]',\n          ) as HTMLElement;\n          clearButton?.focus();\n        }\n      }\n    };\n\n    const data = {\n      value: props.value,\n      defaultValue: props.defaultValue,\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      size: props.size,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"SearchField\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    return (\n      <div\n        className={cx(\n          textfieldStyles[\"textfield\"],\n          styles[\"searchfield\"],\n          className,\n        )}\n        data-anv=\"SearchField\"\n        style={styleCombined}\n      >\n        <div\n          className={cx(\n            textfieldStyles[\"input-wrapper\"],\n            styles[\"input-wrapper\"],\n            {\n              [textfieldStyles[\"xsmall\"]]: size === \"xsmall\",\n              [textfieldStyles[\"small\"]]: size === \"small\",\n              [textfieldStyles[\"large\"]]: size === \"large\",\n            },\n          )}\n          role=\"presentation\"\n          onClick={() => inputRef.current?.focus()}\n        >\n          <div aria-hidden className={textfieldStyles[\"prefix\"]}>\n            <Icon aria-label=\"search\" svg={Search} />\n          </div>\n          <input\n            className={cx(textfieldStyles[\"input\"], styles[\"input\"], {\n              [styles[\"input--has-value\"]]: hasValue,\n            })}\n            ref={useMergeRefs([ref, inputRef])}\n            onChange={handleOnChange}\n            onKeyDown={handleInputKeyDown}\n            placeholder={placeholder}\n            value={value}\n            type=\"search\"\n            autoComplete={autoComplete}\n            disabled={disabled}\n            aria-labelledby={placeholderUid}\n            data-tracking-id={trackingId}\n            {...rest}\n          />\n          <Icon\n            aria-label=\"Clear search\"\n            svg={Close}\n            role=\"button\"\n            onClick={handleClear}\n            onKeyDown={handleClearKeyDown}\n            tabIndex={-1}\n            className={styles[\"clear\"]}\n            aria-disabled={disabled}\n            style={{\n              visibility: hasValue ? \"visible\" : \"hidden\",\n            }}\n          />\n        </div>\n        <SrOnly id={placeholderUid}>{placeholder}</SrOnly>\n      </div>\n    );\n  },\n);\n"],"names":["SearchField","textfieldStyles","Search","Close"],"mappings":"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"}

package/dist/{SearchField-BMHJCVFu.js → SearchField-CWucSMdv.js}

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { S as SearchField$1 } from './SearchField-fXc_vWEr.js';
+import { S as SearchField$1 } from './SearchField-CD64ELrq.js';
 import { forwardRef } from 'react';
 
 const SearchField = forwardRef(
@@ -10,4 +10,4 @@ const SearchField = forwardRef(
 SearchField.displayName = "SearchField";
 
 export { SearchField as S };
-//# sourceMappingURL=SearchField-BMHJCVFu.js.map
+//# sourceMappingURL=SearchField-CWucSMdv.js.map

package/dist/{SearchField-BMHJCVFu.js.map → SearchField-CWucSMdv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SearchField-BMHJCVFu.js","sources":["../src/components/SearchField/SearchField.tsx"],"sourcesContent":["import {\n  SearchField as CoreSearchField,\n  SearchFieldProps as CoreSearchFieldProps,\n} from \"./internal/SearchField\";\nimport { forwardRef } from \"react\";\nimport { DistributiveOmit } from \"../../types\";\n\n/**\n * Props for the SearchField component\n * @extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\" | \"prefix\" | \"required\" | \"children\">\n * @extends LayoutUtilProps\n */\nexport type SearchFieldProps = DistributiveOmit<\n  CoreSearchFieldProps,\n  \"size\"\n> & {\n  /**\n   * Size of the search field\n   * @default \"medium\"\n   */\n  size?: Extract<CoreSearchFieldProps[\"size\"], \"small\" | \"medium\" | \"large\">;\n};\n\n/**\n * SearchField component for text input with search functionality.\n *\n * Features:\n * - Search icon prefix for visual clarity\n * - Clear button that appears when input has value\n * - Arrow key navigation between input and clear button (Right arrow to clear button, Left arrow back to input)\n * - Clear button activated with Enter/Space keys\n * - Focus returns to input after clearing\n * - Multiple size variants (small, medium, large)\n * - Controlled and uncontrolled modes\n * - Disabled and read-only states\n * - Accessibility support with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Automatic value detection for clear button visibility\n * - Search-specific input type and autocomplete settings\n * - Screen reader support with placeholder announcements\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <SearchField\n *   placeholder=\"Search users...\"\n *   onChange={(e) => setSearchTerm(e.target.value)}\n *   onClear={() => setSearchTerm(\"\")}\n * />\n *\n * @example\n * <SearchField\n *   size=\"large\"\n *   value={searchValue}\n *   onChange={(e) => setSearchValue(e.target.value)}\n *   disabled={isLoading}\n * />\n */\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(\n  (props, ref) => {\n    return <CoreSearchField ref={ref} {...props} />;\n  },\n);\nSearchField.displayName = \"SearchField\";\n"],"names":["CoreSearchField"],"mappings":";;;;AAyDO,MAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,uBAAO,GAAA,CAACA,aAAA,EAAA,EAAgB,GAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAAA,EAC/C;AACF;AACA,WAAA,CAAY,WAAA,GAAc,aAAA;;;;"}
+{"version":3,"file":"SearchField-CWucSMdv.js","sources":["../src/components/SearchField/SearchField.tsx"],"sourcesContent":["import {\n  SearchField as CoreSearchField,\n  SearchFieldProps as CoreSearchFieldProps,\n} from \"./internal/SearchField\";\nimport { forwardRef } from \"react\";\nimport { DistributiveOmit } from \"../../types\";\n\n/**\n * Props for the SearchField component\n * @extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\" | \"prefix\" | \"required\" | \"children\">\n * @extends LayoutUtilProps\n */\nexport type SearchFieldProps = DistributiveOmit<\n  CoreSearchFieldProps,\n  \"size\"\n> & {\n  /**\n   * Size of the search field\n   * @default \"medium\"\n   */\n  size?: Extract<CoreSearchFieldProps[\"size\"], \"small\" | \"medium\" | \"large\">;\n};\n\n/**\n * SearchField component for text input with search functionality.\n *\n * Features:\n * - Search icon prefix for visual clarity\n * - Clear button that appears when input has value\n * - Arrow key navigation between input and clear button (Right arrow to clear button, Left arrow back to input)\n * - Clear button activated with Enter/Space keys\n * - Focus returns to input after clearing\n * - Multiple size variants (small, medium, large)\n * - Controlled and uncontrolled modes\n * - Disabled and read-only states\n * - Accessibility support with proper ARIA attributes\n * - Layout utility props for positioning and spacing\n * - Automatic value detection for clear button visibility\n * - Search-specific input type and autocomplete settings\n * - Screen reader support with placeholder announcements\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <SearchField\n *   placeholder=\"Search users...\"\n *   onChange={(e) => setSearchTerm(e.target.value)}\n *   onClear={() => setSearchTerm(\"\")}\n * />\n *\n * @example\n * <SearchField\n *   size=\"large\"\n *   value={searchValue}\n *   onChange={(e) => setSearchValue(e.target.value)}\n *   disabled={isLoading}\n * />\n */\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(\n  (props, ref) => {\n    return <CoreSearchField ref={ref} {...props} />;\n  },\n);\nSearchField.displayName = \"SearchField\";\n"],"names":["CoreSearchField"],"mappings":";;;;AAyDO,MAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,uBAAO,GAAA,CAACA,aAAA,EAAA,EAAgB,GAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAAA,EAC/C;AACF;AACA,WAAA,CAAY,WAAA,GAAc,aAAA;;;;"}

package/dist/SearchField.js

@@ -1,2 +1,2 @@
-export { S as SearchField } from './SearchField-BMHJCVFu.js';
+export { S as SearchField } from './SearchField-CWucSMdv.js';
 //# sourceMappingURL=SearchField.js.map

package/dist/{SegmentedControl-PwLdTdrd.js → SegmentedControl-fBjqazBR.js}

@@ -1,8 +1,8 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { createContext, forwardRef, useContext, useRef, useId } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
-import { D as DurationDefault } from './primitive-DXlHdTFb.js';
-import { I as Icon } from './Icon-feeG7gXA.js';
+import { D as DurationDefault } from './primitive-BXgYQTTw.js';
+import { I as Icon } from './Icon-BEwHECSM.js';
 import { u as useReducedMotion } from './use-reduced-motion-CqjZZ5QB.js';
 import { useTrackingId } from './useTrackingId.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
@@ -174,4 +174,4 @@ const SegmentedControl = Object.assign(
 SegmentedControl.displayName = "SegmentedControl";
 
 export { SegmentedControl as S, SegmentedControlSegment as a };
-//# sourceMappingURL=SegmentedControl-PwLdTdrd.js.map
+//# sourceMappingURL=SegmentedControl-fBjqazBR.js.map

package/dist/{SegmentedControl-PwLdTdrd.js.map → SegmentedControl-fBjqazBR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl-PwLdTdrd.js","sources":["../src/components/SegmentedControl/internal/SegmentedControlContext.ts","../src/components/SegmentedControl/SegmentedControlSegment.tsx","../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nimport { SegmentedControlSegmentProps } from \"../SegmentedControlSegment\";\nimport { SegmentedControlProps } from \"../SegmentedControl\";\n\n/**\n * Context props for SegmentedControl internal state management\n */\nexport type SegmentedControlContextProps = {\n  /**\n   * Currently selected segment value\n   */\n  current?: SegmentedControlSegmentProps[\"value\"];\n  /**\n   * Function to set the current segment\n   */\n  setCurrent?: (value: SegmentedControlSegmentProps[\"value\"]) => void;\n  /**\n   * Change handler for the segmented control\n   */\n  onChange?: SegmentedControlProps[\"onChange\"];\n  /**\n   * Name attribute for radio inputs\n   */\n  name?: string;\n};\n\nexport const SegmentedControlContext =\n  createContext<SegmentedControlContextProps>({});\n","import {\n  useContext,\n  useRef,\n  forwardRef,\n  ComponentPropsWithoutRef,\n} from \"react\";\nimport cx from \"classnames\";\nimport { core } from \"@servicetitan/hammer-token\";\n\nimport { DataTrackingId } from \"../../types\";\nimport { Icon, IconProps } from \"../Icon\";\nimport { motion, useReducedMotion } from \"motion/react\";\nimport { useMergeRefs, useTrackingId } from \"../../hooks\";\n\nimport { SegmentedControlContext } from \"./internal/SegmentedControlContext\";\n\nimport styles from \"./SegmentedControl.module.scss\";\n\n/**\n * State object returned by segment interactions\n */\nexport type SegmentState = {\n  /**\n   * Whether the segment is checked\n   */\n  checked: boolean;\n  /**\n   * The value of the segment\n   */\n  value?: SegmentedControlSegmentProps[\"value\"];\n};\n\n/**\n * Props for the SegmentedControlSegment component\n * @extends ComponentPropsWithoutRef<\"label\">\n */\nexport type SegmentedControlSegmentProps = ComponentPropsWithoutRef<\"label\"> & {\n  /**\n   * Optional icon to display in the segment\n   */\n  icon?: IconProps[\"svg\"];\n  /**\n   * Value of the segment\n   */\n  value: string;\n  /**\n   * The content to display in the segment\n   */\n  children?: React.ReactNode;\n} & DataTrackingId;\n\n/**\n * SegmentedControlSegment component for individual segments within a segmented control.\n *\n * Features:\n * - Individual segment with radio input\n * - Optional icon support\n * - Animated selection indicator\n * - Accessibility support with proper ARIA attributes\n * - Context integration with parent SegmentedControl\n * - Motion animations with reduced motion support\n * - Icon-only mode when no children provided\n * - Data tracking id support\n *\n * @example\n * <SegmentedControl.Segment value=\"option1\" icon={Icon1}>\n *   Option 1\n * </SegmentedControl.Segment>\n *\n * @example\n * <SegmentedControl.Segment value=\"icon-only\" icon={IconOnly} />\n */\nexport const SegmentedControlSegment = forwardRef<\n  HTMLLabelElement,\n  SegmentedControlSegmentProps\n>((props, ref) => {\n  const {\n    icon,\n    value,\n    children,\n    className,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = props;\n  const shouldReduceMotion = useReducedMotion();\n  const { current, setCurrent, name } = useContext(SegmentedControlContext);\n  const labelRef = useRef<HTMLSpanElement>(null);\n\n  const classNames = cx(styles.segment, className, {\n    [styles[\"icon-only\"]]: icon && !children,\n  });\n\n  const data = {\n    value: props.value,\n  };\n\n  const trackingId = useTrackingId({\n    name: \"SegmentedControlSegment\",\n    data,\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n\n  // For icon-only segments (no children), use aria-label if provided, otherwise fall back to value\n  const computedAriaLabel = !children ? ariaLabel || value : undefined;\n\n  return (\n    <>\n      <label\n        className={classNames}\n        ref={useMergeRefs([labelRef, ref])}\n        data-tracking-id={trackingId}\n        data-anv=\"segmented-control-segment\"\n        aria-label={computedAriaLabel}\n        {...rest}\n      >\n        <input\n          type=\"radio\"\n          name={name}\n          value={value}\n          onChange={() => setCurrent?.(value)}\n          checked={current === value}\n          aria-checked={current === value}\n          className={styles[\"input\"]}\n        />\n        {icon ? <Icon svg={icon} aria-hidden /> : null}\n        {children}\n        {current === value && (\n          <motion.span\n            layoutId={name}\n            className={styles[\"select-indicator\"]}\n            transition={{\n              duration: shouldReduceMotion\n                ? 0\n                : +core.primitive.DurationDefault.value.replace(\"ms\", \"\") /\n                  1000,\n            }}\n          />\n        )}\n      </label>\n    </>\n  );\n});\n\nSegmentedControlSegment.displayName = \"SegmentedControlSegment\";\n","import { forwardRef, useId, ComponentPropsWithoutRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { motion } from \"motion/react\";\n\nimport { DataTrackingId, LayoutUtilProps, Size } from \"../../types\";\nimport { useMergeRefs, useTrackingId } from \"../../hooks\";\nimport { useOptionallyControlledState } from \"../../internal/hooks\";\n\nimport { SegmentedControlContext } from \"./internal/SegmentedControlContext\";\nimport {\n  SegmentedControlSegment,\n  SegmentedControlSegmentProps,\n} from \"./SegmentedControlSegment\";\n\nimport styles from \"./SegmentedControl.module.scss\";\n\n/**\n * Base props for SegmentedControl component\n * @extends Omit<ComponentPropsWithoutRef<\"div\">, \"onAnimationStart\" | \"onDragStart\" | \"onDragEnd\" | \"onDrag\" | \"onChange\">\n * @extends LayoutUtilProps\n */\ntype BaseSegmentedControlProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"onAnimationStart\" | \"onDragStart\" | \"onDragEnd\" | \"onDrag\" | \"onChange\"\n> &\n  LayoutUtilProps &\n  DataTrackingId & {\n    /**\n     * Callback when segment is changed\n     */\n    onChange?: (value: SegmentedControlSegmentProps[\"value\"]) => void;\n\n    /**\n     * Size of the segment\n     * @default \"medium\"\n     */\n    size?: Extract<Size, \"small\" | \"medium\">;\n\n    /**\n     * Whether to fill available width\n     * @default false\n     */\n    fill?: boolean;\n\n    /**\n     * Name attribute for radio inputs\n     * @remarks If empty, it will auto generate one using useId()\n     */\n    name?: string;\n\n    /**\n     * The segments to render within the segmented control\n     */\n    children?: React.ReactNode;\n  };\n\n/**\n * Props for controlled SegmentedControl\n */\ntype ControlledSegmentedControlProps = BaseSegmentedControlProps & {\n  /**\n   * Selected segment (controlled mode)\n   */\n  selected: SegmentedControlSegmentProps[\"value\"];\n  defaultSelected?: never;\n};\n\n/**\n * Props for uncontrolled SegmentedControl\n */\ntype UncontrolledSegmentedControlProps = BaseSegmentedControlProps & {\n  /**\n   * Initial selection (uncontrolled mode)\n   */\n  defaultSelected: SegmentedControlSegmentProps[\"value\"];\n  selected?: never;\n};\n\n/**\n * Props for the SegmentedControl component\n */\nexport type SegmentedControlProps =\n  | ControlledSegmentedControlProps\n  | UncontrolledSegmentedControlProps;\n\n/**\n * SegmentedControl component for selecting one option from a group of related choices.\n *\n * Features:\n * - Supports both controlled and uncontrolled modes\n * - Multiple size variants (small, medium)\n * - Optional fill width mode\n * - Smooth animations with motion\n * - Accessibility support with proper radio group semantics\n * - Layout utility props for positioning and spacing\n * - Context-based state management\n * - Auto-generated or custom name attributes\n * - Segment support via SegmentedControl.Segment\n * - Data tracking id support\n *\n * @example\n * <SegmentedControl\n *   selected={selectedValue}\n *   onChange={setSelectedValue}\n *   size=\"medium\"\n * >\n *   <SegmentedControl.Segment value=\"option1\">Option 1</SegmentedControl.Segment>\n *   <SegmentedControl.Segment value=\"option2\">Option 2</SegmentedControl.Segment>\n *   <SegmentedControl.Segment value=\"option3\">Option 3</SegmentedControl.Segment>\n * </SegmentedControl>\n *\n * @example\n * <SegmentedControl\n *   defaultSelected=\"small\"\n *   size=\"small\"\n *   fill\n * >\n *   <SegmentedControl.Segment value=\"small\" icon={SmallIcon}>Small</SegmentedControl.Segment>\n *   <SegmentedControl.Segment value=\"large\" icon={LargeIcon}>Large</SegmentedControl.Segment>\n * </SegmentedControl>\n */\nexport const SegmentedControl = Object.assign(\n  forwardRef<HTMLDivElement, SegmentedControlProps>(\n    function SegmentedControlInner(props, ref) {\n      const {\n        className,\n        onClick,\n        onChange,\n        children,\n        size = \"medium\",\n        defaultSelected,\n        selected,\n        name,\n        fill,\n        ...rest\n      } = props;\n\n      const [current, setCurrent] = useOptionallyControlledState({\n        controlledValue: selected,\n        defaultValue: defaultSelected,\n        onChange,\n      });\n\n      const segmentedControlRef = useRef<HTMLDivElement>(null);\n\n      const SegmentedControlClassNames = cx(\n        styles[\"segmented-control\"],\n        styles[size],\n        className,\n        {\n          [styles.fill]: fill,\n        },\n      );\n\n      const uid = useId();\n\n      const data = {\n        name: props.name,\n      };\n\n      const trackingId = useTrackingId({\n        name: \"SegmentedControl\",\n        data,\n        hasOverride: !!props[\"data-tracking-id\"],\n      });\n\n      return (\n        <motion.div\n          transition={{ duration: 0 }}\n          layout\n          role=\"radiogroup\"\n          className={SegmentedControlClassNames}\n          data-anv=\"segmented-control\"\n          data-tracking-id={trackingId}\n          ref={useMergeRefs([segmentedControlRef, ref])}\n          {...rest}\n        >\n          <SegmentedControlContext.Provider\n            value={{ current, setCurrent, name: name ?? uid }}\n          >\n            {children}\n          </SegmentedControlContext.Provider>\n        </motion.div>\n      );\n    },\n  ),\n  {\n    /**\n     * SegmentedControlSegment component for individual segments within a segmented control.\n     *\n     * Features:\n     * - Individual segment with radio input\n     * - Optional icon support\n     * - Animated selection indicator\n     * - Accessibility support with proper ARIA attributes\n     * - Context integration with parent SegmentedControl\n     * - Motion animations with reduced motion support\n     *\n     * @example\n     * <SegmentedControl.Segment value=\"option1\" icon={Icon1}>\n     *   Option 1\n     * </SegmentedControl.Segment>\n     */\n    Segment: SegmentedControlSegment,\n  },\n);\nSegmentedControl.displayName = \"SegmentedControl\";\n\nexport default SegmentedControl;\n"],"names":["core.primitive.DurationDefault"],"mappings":"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"}
+{"version":3,"file":"SegmentedControl-fBjqazBR.js","sources":["../src/components/SegmentedControl/internal/SegmentedControlContext.ts","../src/components/SegmentedControl/SegmentedControlSegment.tsx","../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nimport { SegmentedControlSegmentProps } from \"../SegmentedControlSegment\";\nimport { SegmentedControlProps } from \"../SegmentedControl\";\n\n/**\n * Context props for SegmentedControl internal state management\n */\nexport type SegmentedControlContextProps = {\n  /**\n   * Currently selected segment value\n   */\n  current?: SegmentedControlSegmentProps[\"value\"];\n  /**\n   * Function to set the current segment\n   */\n  setCurrent?: (value: SegmentedControlSegmentProps[\"value\"]) => void;\n  /**\n   * Change handler for the segmented control\n   */\n  onChange?: SegmentedControlProps[\"onChange\"];\n  /**\n   * Name attribute for radio inputs\n   */\n  name?: string;\n};\n\nexport const SegmentedControlContext =\n  createContext<SegmentedControlContextProps>({});\n","import {\n  useContext,\n  useRef,\n  forwardRef,\n  ComponentPropsWithoutRef,\n} from \"react\";\nimport cx from \"classnames\";\nimport { core } from \"@servicetitan/hammer-token\";\n\nimport { DataTrackingId } from \"../../types\";\nimport { Icon, IconProps } from \"../Icon\";\nimport { motion, useReducedMotion } from \"motion/react\";\nimport { useMergeRefs, useTrackingId } from \"../../hooks\";\n\nimport { SegmentedControlContext } from \"./internal/SegmentedControlContext\";\n\nimport styles from \"./SegmentedControl.module.scss\";\n\n/**\n * State object returned by segment interactions\n */\nexport type SegmentState = {\n  /**\n   * Whether the segment is checked\n   */\n  checked: boolean;\n  /**\n   * The value of the segment\n   */\n  value?: SegmentedControlSegmentProps[\"value\"];\n};\n\n/**\n * Props for the SegmentedControlSegment component\n * @extends ComponentPropsWithoutRef<\"label\">\n */\nexport type SegmentedControlSegmentProps = ComponentPropsWithoutRef<\"label\"> & {\n  /**\n   * Optional icon to display in the segment\n   */\n  icon?: IconProps[\"svg\"];\n  /**\n   * Value of the segment\n   */\n  value: string;\n  /**\n   * The content to display in the segment\n   */\n  children?: React.ReactNode;\n} & DataTrackingId;\n\n/**\n * SegmentedControlSegment component for individual segments within a segmented control.\n *\n * Features:\n * - Individual segment with radio input\n * - Optional icon support\n * - Animated selection indicator\n * - Accessibility support with proper ARIA attributes\n * - Context integration with parent SegmentedControl\n * - Motion animations with reduced motion support\n * - Icon-only mode when no children provided\n * - Data tracking id support\n *\n * @example\n * <SegmentedControl.Segment value=\"option1\" icon={Icon1}>\n *   Option 1\n * </SegmentedControl.Segment>\n *\n * @example\n * <SegmentedControl.Segment value=\"icon-only\" icon={IconOnly} />\n */\nexport const SegmentedControlSegment = forwardRef<\n  HTMLLabelElement,\n  SegmentedControlSegmentProps\n>((props, ref) => {\n  const {\n    icon,\n    value,\n    children,\n    className,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = props;\n  const shouldReduceMotion = useReducedMotion();\n  const { current, setCurrent, name } = useContext(SegmentedControlContext);\n  const labelRef = useRef<HTMLSpanElement>(null);\n\n  const classNames = cx(styles.segment, className, {\n    [styles[\"icon-only\"]]: icon && !children,\n  });\n\n  const data = {\n    value: props.value,\n  };\n\n  const trackingId = useTrackingId({\n    name: \"SegmentedControlSegment\",\n    data,\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n\n  // For icon-only segments (no children), use aria-label if provided, otherwise fall back to value\n  const computedAriaLabel = !children ? ariaLabel || value : undefined;\n\n  return (\n    <>\n      <label\n        className={classNames}\n        ref={useMergeRefs([labelRef, ref])}\n        data-tracking-id={trackingId}\n        data-anv=\"segmented-control-segment\"\n        aria-label={computedAriaLabel}\n        {...rest}\n      >\n        <input\n          type=\"radio\"\n          name={name}\n          value={value}\n          onChange={() => setCurrent?.(value)}\n          checked={current === value}\n          aria-checked={current === value}\n          className={styles[\"input\"]}\n        />\n        {icon ? <Icon svg={icon} aria-hidden /> : null}\n        {children}\n        {current === value && (\n          <motion.span\n            layoutId={name}\n            className={styles[\"select-indicator\"]}\n            transition={{\n              duration: shouldReduceMotion\n                ? 0\n                : +core.primitive.DurationDefault.value.replace(\"ms\", \"\") /\n                  1000,\n            }}\n          />\n        )}\n      </label>\n    </>\n  );\n});\n\nSegmentedControlSegment.displayName = \"SegmentedControlSegment\";\n","import { forwardRef, useId, ComponentPropsWithoutRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { motion } from \"motion/react\";\n\nimport { DataTrackingId, LayoutUtilProps, Size } from \"../../types\";\nimport { useMergeRefs, useTrackingId } from \"../../hooks\";\nimport { useOptionallyControlledState } from \"../../internal/hooks\";\n\nimport { SegmentedControlContext } from \"./internal/SegmentedControlContext\";\nimport {\n  SegmentedControlSegment,\n  SegmentedControlSegmentProps,\n} from \"./SegmentedControlSegment\";\n\nimport styles from \"./SegmentedControl.module.scss\";\n\n/**\n * Base props for SegmentedControl component\n * @extends Omit<ComponentPropsWithoutRef<\"div\">, \"onAnimationStart\" | \"onDragStart\" | \"onDragEnd\" | \"onDrag\" | \"onChange\">\n * @extends LayoutUtilProps\n */\ntype BaseSegmentedControlProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"onAnimationStart\" | \"onDragStart\" | \"onDragEnd\" | \"onDrag\" | \"onChange\"\n> &\n  LayoutUtilProps &\n  DataTrackingId & {\n    /**\n     * Callback when segment is changed\n     */\n    onChange?: (value: SegmentedControlSegmentProps[\"value\"]) => void;\n\n    /**\n     * Size of the segment\n     * @default \"medium\"\n     */\n    size?: Extract<Size, \"small\" | \"medium\">;\n\n    /**\n     * Whether to fill available width\n     * @default false\n     */\n    fill?: boolean;\n\n    /**\n     * Name attribute for radio inputs\n     * @remarks If empty, it will auto generate one using useId()\n     */\n    name?: string;\n\n    /**\n     * The segments to render within the segmented control\n     */\n    children?: React.ReactNode;\n  };\n\n/**\n * Props for controlled SegmentedControl\n */\ntype ControlledSegmentedControlProps = BaseSegmentedControlProps & {\n  /**\n   * Selected segment (controlled mode)\n   */\n  selected: SegmentedControlSegmentProps[\"value\"];\n  defaultSelected?: never;\n};\n\n/**\n * Props for uncontrolled SegmentedControl\n */\ntype UncontrolledSegmentedControlProps = BaseSegmentedControlProps & {\n  /**\n   * Initial selection (uncontrolled mode)\n   */\n  defaultSelected: SegmentedControlSegmentProps[\"value\"];\n  selected?: never;\n};\n\n/**\n * Props for the SegmentedControl component\n */\nexport type SegmentedControlProps =\n  | ControlledSegmentedControlProps\n  | UncontrolledSegmentedControlProps;\n\n/**\n * SegmentedControl component for selecting one option from a group of related choices.\n *\n * Features:\n * - Supports both controlled and uncontrolled modes\n * - Multiple size variants (small, medium)\n * - Optional fill width mode\n * - Smooth animations with motion\n * - Accessibility support with proper radio group semantics\n * - Layout utility props for positioning and spacing\n * - Context-based state management\n * - Auto-generated or custom name attributes\n * - Segment support via SegmentedControl.Segment\n * - Data tracking id support\n *\n * @example\n * <SegmentedControl\n *   selected={selectedValue}\n *   onChange={setSelectedValue}\n *   size=\"medium\"\n * >\n *   <SegmentedControl.Segment value=\"option1\">Option 1</SegmentedControl.Segment>\n *   <SegmentedControl.Segment value=\"option2\">Option 2</SegmentedControl.Segment>\n *   <SegmentedControl.Segment value=\"option3\">Option 3</SegmentedControl.Segment>\n * </SegmentedControl>\n *\n * @example\n * <SegmentedControl\n *   defaultSelected=\"small\"\n *   size=\"small\"\n *   fill\n * >\n *   <SegmentedControl.Segment value=\"small\" icon={SmallIcon}>Small</SegmentedControl.Segment>\n *   <SegmentedControl.Segment value=\"large\" icon={LargeIcon}>Large</SegmentedControl.Segment>\n * </SegmentedControl>\n */\nexport const SegmentedControl = Object.assign(\n  forwardRef<HTMLDivElement, SegmentedControlProps>(\n    function SegmentedControlInner(props, ref) {\n      const {\n        className,\n        onClick,\n        onChange,\n        children,\n        size = \"medium\",\n        defaultSelected,\n        selected,\n        name,\n        fill,\n        ...rest\n      } = props;\n\n      const [current, setCurrent] = useOptionallyControlledState({\n        controlledValue: selected,\n        defaultValue: defaultSelected,\n        onChange,\n      });\n\n      const segmentedControlRef = useRef<HTMLDivElement>(null);\n\n      const SegmentedControlClassNames = cx(\n        styles[\"segmented-control\"],\n        styles[size],\n        className,\n        {\n          [styles.fill]: fill,\n        },\n      );\n\n      const uid = useId();\n\n      const data = {\n        name: props.name,\n      };\n\n      const trackingId = useTrackingId({\n        name: \"SegmentedControl\",\n        data,\n        hasOverride: !!props[\"data-tracking-id\"],\n      });\n\n      return (\n        <motion.div\n          transition={{ duration: 0 }}\n          layout\n          role=\"radiogroup\"\n          className={SegmentedControlClassNames}\n          data-anv=\"segmented-control\"\n          data-tracking-id={trackingId}\n          ref={useMergeRefs([segmentedControlRef, ref])}\n          {...rest}\n        >\n          <SegmentedControlContext.Provider\n            value={{ current, setCurrent, name: name ?? uid }}\n          >\n            {children}\n          </SegmentedControlContext.Provider>\n        </motion.div>\n      );\n    },\n  ),\n  {\n    /**\n     * SegmentedControlSegment component for individual segments within a segmented control.\n     *\n     * Features:\n     * - Individual segment with radio input\n     * - Optional icon support\n     * - Animated selection indicator\n     * - Accessibility support with proper ARIA attributes\n     * - Context integration with parent SegmentedControl\n     * - Motion animations with reduced motion support\n     *\n     * @example\n     * <SegmentedControl.Segment value=\"option1\" icon={Icon1}>\n     *   Option 1\n     * </SegmentedControl.Segment>\n     */\n    Segment: SegmentedControlSegment,\n  },\n);\nSegmentedControl.displayName = \"SegmentedControl\";\n\nexport default SegmentedControl;\n"],"names":["core.primitive.DurationDefault"],"mappings":"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"}

package/dist/SegmentedControl.js

@@ -1,2 +1,2 @@
-export { S as SegmentedControl, a as SegmentedControlSegment, S as default } from './SegmentedControl-PwLdTdrd.js';
+export { S as SegmentedControl, a as SegmentedControlSegment, S as default } from './SegmentedControl-fBjqazBR.js';
 //# sourceMappingURL=SegmentedControl.js.map

package/dist/{SelectCard-DLWLHi_i.js → SelectCard-YwnN2K4B.js}

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useContext, createContext, useState, useMemo, useId, forwardRef, useLayoutEffect, useRef } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
-import { a as CheckboxGroup, C as Checkbox } from './Checkbox-DTzoDcJl.js';
-import { a as RadioGroup, R as Radio, S as SvgRadioButtonChecked, b as SvgRadioButtonUnchecked } from './Radio-WlsZFRzX.js';
-import { C as Card } from './Card-fBqg853U.js';
-import { I as Icon } from './Icon-feeG7gXA.js';
+import { a as CheckboxGroup, C as Checkbox } from './Checkbox-BcfY3iwE.js';
+import { a as RadioGroup, R as Radio, S as SvgRadioButtonChecked, b as SvgRadioButtonUnchecked } from './Radio-CrGhNc6t.js';
+import { C as Card } from './Card-Bt0F6RTq.js';
+import { I as Icon } from './Icon-BEwHECSM.js';
 import { S as SvgCheckBox, a as SvgCheckBoxOutlineBlank } from './check_box-0U1tbEAd.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
 
@@ -348,4 +348,4 @@ const SelectCard = Object.assign(SelectCardElement, {
 });
 
 export { SelectCard as S };
-//# sourceMappingURL=SelectCard-DLWLHi_i.js.map
+//# sourceMappingURL=SelectCard-YwnN2K4B.js.map