@12-apps/ui 6.29.1 → 6.31.0

package/dist/{chunk-W5CW7JFZ.js → chunk-2N2KNXTF.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-HJOABXKN.js";
 import {
   Button
-} from "./chunk-GJUIZ5FN.js";
+} from "./chunk-X2R7QG5I.js";
 
 // src/components/feedback/ConfirmAction/ConfirmButton.tsx
 function createConfirmButton(copy, errorText) {
@@ -18,4 +18,4 @@ function createConfirmButton(copy, errorText) {
 export {
   createConfirmButton
 };
-//# sourceMappingURL=chunk-W5CW7JFZ.js.map
+//# sourceMappingURL=chunk-2N2KNXTF.js.map

package/dist/{chunk-W3FAKT3D.js → chunk-2SWQ6HIK.js}

@@ -1,9 +1,9 @@
-import {
-  BOUNCE_KEYFRAMES
-} from "./chunk-DRADVLHZ.js";
 import {
   getScaleDistance
 } from "./chunk-TUBCN4DJ.js";
+import {
+  BOUNCE_KEYFRAMES
+} from "./chunk-DRADVLHZ.js";
 
 // src/components/data-display/MapPreview/MapDecorations.tsx
 import LocationIcon from "@mui/icons-material/LocationOn";
@@ -164,4 +164,4 @@ export {
   MapScaleBar,
   MapCompass
 };
-//# sourceMappingURL=chunk-W3FAKT3D.js.map
+//# sourceMappingURL=chunk-2SWQ6HIK.js.map

package/dist/{chunk-IVVOIDE5.js → chunk-2YOQLBEX.js}

@@ -7,10 +7,10 @@ import {
   GLOW_BRIGHTNESS,
   PROGRESS_SIZES,
   PULSE
-} from "./chunk-PFZAUMJA.js";
+} from "./chunk-OL7UQMBI.js";
 import {
   px
-} from "./chunk-SONWG2RT.js";
+} from "./chunk-BRAF4MFO.js";
 
 // src/components/data-display/Progress/Progress.styles.ts
 import { alpha, keyframes } from "@mui/material/styles/index.js";
@@ -97,4 +97,4 @@ export {
   barEmphasisStyles,
   circularEmphasisStyles
 };
-//# sourceMappingURL=chunk-IVVOIDE5.js.map
+//# sourceMappingURL=chunk-2YOQLBEX.js.map

package/dist/{chunk-DEE6IPGI.js → chunk-32MTYYGC.js}

@@ -1,11 +1,3 @@
-import {
-  bounceAnimation,
-  glowAnimation,
-  pulseAnimation,
-  rippleAnimation,
-  shimmerAnimation,
-  spinAnimation
-} from "./chunk-35ETD7ML.js";
 import {
   DISABLED,
   IOS_BASE_OFFSET,
@@ -35,9 +27,17 @@ import {
   showsTrackLabels,
   trackColor
 } from "./chunk-3W2IS5RH.js";
+import {
+  bounceAnimation,
+  glowAnimation,
+  pulseAnimation,
+  rippleAnimation,
+  shimmerAnimation,
+  spinAnimation
+} from "./chunk-35ETD7ML.js";
 import {
   px
-} from "./chunk-SONWG2RT.js";
+} from "./chunk-BRAF4MFO.js";
 import {
   inkOver
 } from "./chunk-2BYKTBDL.js";
@@ -292,4 +292,4 @@ export {
   onTrackInk,
   switchSx
 };
-//# sourceMappingURL=chunk-DEE6IPGI.js.map
+//# sourceMappingURL=chunk-32MTYYGC.js.map

package/dist/{chunk-GVDJQMFI.js → chunk-35GWNOLB.js}

@@ -6,7 +6,7 @@ import {
   triggerClearSx,
   triggerCountSx,
   triggerSx
-} from "./chunk-ZS44PY7T.js";
+} from "./chunk-ETSKBOXN.js";
 
 // src/components/form/CategorySelect/CategoryTrigger.tsx
 import Box from "@mui/material/Box/index.js";
@@ -88,4 +88,4 @@ function CategoryTrigger({
 export {
   CategoryTrigger
 };
-//# sourceMappingURL=chunk-GVDJQMFI.js.map
+//# sourceMappingURL=chunk-35GWNOLB.js.map

package/dist/{chunk-MI2MVH3I.js → chunk-3BAFJMBH.js}

@@ -1,12 +1,15 @@
-import {
-  useRichTextEditor
-} from "./chunk-774B27QA.js";
 import {
   RichTextEditorToolbar
 } from "./chunk-SE6ERQY5.js";
+import {
+  useRichTextEditor
+} from "./chunk-774B27QA.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
+import {
+  fieldRadiusPx
+} from "./chunk-GDN2LUTZ.js";
 
 // src/components/form/RichTextEditor/RichTextEditor.tsx
 import Box from "@mui/material/Box/index.js";
@@ -73,7 +76,7 @@ var editorContentSx = (theme, disabled, placeholder, height) => ({
 });
 var shellSx = (theme, isFocused, disabled) => ({
   border: `1px solid ${fieldEdge(theme)}`,
-  borderRadius: 1,
+  borderRadius: fieldRadiusPx(theme),
   overflow: "hidden",
   transition: "border-color 0.2s ease-in-out",
   ...isFocused && {
@@ -167,4 +170,4 @@ export {
   RichTextEditor,
   RichTextEditor_default
 };
-//# sourceMappingURL=chunk-MI2MVH3I.js.map
+//# sourceMappingURL=chunk-3BAFJMBH.js.map

package/dist/chunk-3BAFJMBH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport React, { forwardRef } from 'react';\n\nimport type { Theme } from '@mui/material/styles/index.js';\nimport { useRichTextEditor } from './RichTextEditor.hooks';\nimport type { RichTextEditorProps, ToolbarConfig } from './RichTextEditor.types';\nimport { RichTextEditorToolbar } from './RichTextEditorToolbar';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\n\nconst DEFAULT_TOOLBAR: Required<Omit<ToolbarConfig, 'customItems'>> & Pick<ToolbarConfig, 'customItems'> = {\n  bold: true,\n  italic: true,\n  underline: true,\n  strikethrough: false,\n  orderedList: true,\n  unorderedList: true,\n  link: true,\n  image: false,\n  codeBlock: false,\n  quote: false,\n  customItems: [] };\n\nconst RICH_TEXT_DEFAULTS: Partial<RichTextEditorProps> = {\n  value: '',\n  placeholder: 'Start typing...',\n  disabled: false,\n  readOnly: false,\n  toolbar: {},\n  height: 300 };\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}`\n// still falls back to the default as a destructuring default would.\nconst definedProps = (props: RichTextEditorProps): Partial<RichTextEditorProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, v]) => v !== undefined),\n  ) as Partial<RichTextEditorProps>;\n\n// Simple inline formats are a tag swap; lists and the value-carrying formats\n// need their own handling. This was one nine-case switch.\nconst editorContentSx = (theme: Theme, disabled: boolean, placeholder?: string, height?: string | number) => ({\n  minHeight: typeof height === 'number' ? `${height}px` : height,\n  p: 2,\n  outline: 'none',\n  cursor: disabled ? 'not-allowed' : 'text',\n  '&:empty::before': {\n    content: `\"${placeholder}\"`,\n    color: theme.palette.text.disabled,\n    pointerEvents: 'none' },\n  '& p': {\n    margin: '8px 0',\n    '&:first-of-type': { marginTop: 0 },\n    '&:last-of-type': { marginBottom: 0 } },\n  '& ul, & ol': { marginLeft: theme.spacing(2) },\n  '& blockquote': {\n    borderLeft: `4px solid ${theme.palette.primary.main}`,\n    paddingLeft: theme.spacing(2),\n    margin: `${theme.spacing(1)} 0`,\n    fontStyle: 'italic',\n    backgroundColor: alpha(theme.palette.primary.main, 0.05) },\n  '& pre': {\n    backgroundColor: alpha(theme.palette.text.primary, 0.08),\n    padding: theme.spacing(1),\n    borderRadius: 1,\n    fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", monospace',\n    fontSize: '0.875rem',\n    overflow: 'auto' },\n  '& a': { color: theme.palette.primary.main, textDecoration: 'underline' } });\n\nconst shellSx = (theme: Theme, isFocused: boolean, disabled: boolean) => ({\n  border: `1px solid ${fieldEdge(theme)}`,\n  borderRadius: fieldRadiusPx(theme),\n  overflow: 'hidden',\n  transition: 'border-color 0.2s ease-in-out',\n  ...(isFocused && {\n    borderColor: theme.palette.primary.main,\n    boxShadow: `0 0 0 2px ${alpha(theme.palette.primary.main, 0.2)}` }),\n  ...(disabled && {\n    backgroundColor: theme.palette.action.disabledBackground,\n    color: theme.palette.text.disabled }) });\n\nexport const RichTextEditor = forwardRef<HTMLDivElement, RichTextEditorProps>(\n  (editorProps, ref) => {\n    const {\n      value,\n      onChange,\n      placeholder,\n      disabled,\n      readOnly,\n      toolbar,\n      height,\n      maxLength,\n      onFocus,\n      onBlur,\n      className,\n      'data-testid': testId,\n      'aria-label': ariaLabel,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    } = { ...RICH_TEXT_DEFAULTS, ...definedProps(editorProps) } as RichTextEditorProps;\n\n    const theme = useTheme();\n    const toolbarConfig = { ...DEFAULT_TOOLBAR, ...toolbar };\n    const editor = useRichTextEditor({\n      value,\n      onChange,\n      onFocus,\n      onBlur,\n      disabled,\n      readOnly,\n      maxLength });\n\n    return (\n      <Paper\n        ref={ref}\n        className={className}\n        data-testid={testId || 'rich-text-editor'}\n        elevation={1}\n        sx={shellSx(theme, editor.isFocused, Boolean(disabled))}\n        {...props}\n      >\n        <RichTextEditorToolbar\n          config={toolbarConfig}\n          disabled={Boolean(disabled)}\n          readOnly={Boolean(readOnly)}\n          maxLength={maxLength}\n          characterCount={editor.characterCount}\n          editorRef={editor.editorRef}\n          onFormat={editor.applyFormat}\n        />\n\n        <Box\n          ref={editor.editorRef}\n          contentEditable={!disabled && !readOnly}\n          onInput={editor.handleContentChange}\n          onFocus={editor.handleFocus}\n          onBlur={editor.handleBlur}\n          role=\"textbox\"\n          aria-label={ariaLabel || 'Rich text editor'}\n          aria-describedby={ariaDescribedBy}\n          aria-multiline=\"true\"\n          tabIndex={disabled ? -1 : 0}\n          data-testid=\"editor-content\"\n          suppressContentEditableWarning\n          sx={editorContentSx(theme, Boolean(disabled), placeholder, height)}\n        />\n      </Paper>\n    );\n  },\n);\n\nRichTextEditor.displayName = 'RichTextEditor';\n\nexport default RichTextEditor;"],"mappings":"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","names":[]}

package/dist/chunk-3MEIGSDK.js

@@ -0,0 +1,88 @@
+// src/pt-BR.feedback.ts
+var PT_BR_TUTORIAL_COPY = {
+  skip: "Pular",
+  previous: "Anterior",
+  next: "Pr\xF3ximo",
+  restart: "Recome\xE7ar"
+};
+var PT_BR_CHROME_COPY = {
+  dismissToast: "Fechar o aviso",
+  goBack: "Voltar",
+  closePanel: "Fechar",
+  closeTab: "Fechar a aba",
+  scrollRegion: "Conte\xFAdo rol\xE1vel",
+  scrollToTop: "Voltar ao topo",
+  share: "Compartilhar"
+};
+var PT_BR_CHROMIUM_DESKTOP = [
+  "Clique no \xEDcone \xE0 esquerda do endere\xE7o do site.",
+  'Abra "Configura\xE7\xF5es do site".',
+  'Em "Notifica\xE7\xF5es", escolha "Permitir".',
+  "Volte a esta p\xE1gina e recarregue."
+];
+var PT_BR_CHROMIUM_ANDROID = [
+  "Toque no \xEDcone \xE0 esquerda do endere\xE7o do site.",
+  'Toque em "Permiss\xF5es".',
+  'Toque em "Notifica\xE7\xF5es" e escolha "Permitir".',
+  "Volte a esta p\xE1gina e recarregue."
+];
+var PT_BR_NOTIFICATION_UNBLOCK_COPY = {
+  ios: [
+    "Abra os Ajustes do iPhone.",
+    'Toque em "Notifica\xE7\xF5es".',
+    'Encontre este app na lista e ative "Permitir Notifica\xE7\xF5es".'
+  ],
+  chrome: { desktop: PT_BR_CHROMIUM_DESKTOP, android: PT_BR_CHROMIUM_ANDROID },
+  edge: {
+    desktop: [
+      "Clique no cadeado \xE0 esquerda do endere\xE7o do site.",
+      'Abra "Permiss\xF5es para este site".',
+      'Em "Notifica\xE7\xF5es", escolha "Permitir".',
+      "Volte a esta p\xE1gina e recarregue."
+    ],
+    android: PT_BR_CHROMIUM_ANDROID
+  },
+  firefox: {
+    desktop: [
+      "Clique no \xEDcone de permiss\xF5es \xE0 esquerda do endere\xE7o do site.",
+      'Ao lado de "Enviar notifica\xE7\xF5es", clique no X para tirar o bloqueio.',
+      "Recarregue a p\xE1gina e ative as notifica\xE7\xF5es de novo."
+    ],
+    android: [
+      'Abra o menu do navegador e toque em "Configura\xE7\xF5es".',
+      'Toque em "Permiss\xF5es de sites" e depois em "Notifica\xE7\xF5es".',
+      'Encontre este site e escolha "Permitir".',
+      "Volte a esta p\xE1gina e recarregue."
+    ]
+  },
+  opera: { desktop: PT_BR_CHROMIUM_DESKTOP, android: PT_BR_CHROMIUM_ANDROID },
+  safari: {
+    desktop: [
+      'No menu Safari, abra "Ajustes".',
+      'V\xE1 na aba "Sites" e, na lateral, em "Notifica\xE7\xF5es".',
+      'Encontre este site e escolha "Permitir".',
+      "Volte a esta p\xE1gina e recarregue."
+    ]
+  },
+  samsung: {
+    android: [
+      'Abra o menu do navegador e toque em "Configura\xE7\xF5es".',
+      'Toque em "Sites e downloads" e depois em "Notifica\xE7\xF5es".',
+      "Encontre este site e permita as notifica\xE7\xF5es.",
+      "Volte a esta p\xE1gina e recarregue."
+    ]
+  },
+  other: [
+    "Abra as configura\xE7\xF5es do navegador.",
+    'Procure as permiss\xF5es dos sites e depois "Notifica\xE7\xF5es".',
+    "Permita as notifica\xE7\xF5es para este site.",
+    "Volte a esta p\xE1gina e recarregue."
+  ]
+};
+
+export {
+  PT_BR_TUTORIAL_COPY,
+  PT_BR_CHROME_COPY,
+  PT_BR_NOTIFICATION_UNBLOCK_COPY
+};
+//# sourceMappingURL=chunk-3MEIGSDK.js.map

package/dist/chunk-3MEIGSDK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pt-BR.feedback.ts"],"sourcesContent":["/**\n * The pt-BR pack for the feedback family. Split out of `pt-BR.ts`, which is a\n * barrel over this folder — see that file for why.\n */\nimport type {\n  ChromeCopy,\n  NotificationUnblockCopy,\n  TutorialCopy,\n} from './copy';\n\nexport const PT_BR_TUTORIAL_COPY: TutorialCopy = {\n  skip: \"Pular\",\n  previous: \"Anterior\",\n  next: \"Próximo\",\n  restart: \"Recomeçar\",\n};\n\nexport const PT_BR_CHROME_COPY: ChromeCopy = {\n  dismissToast: \"Fechar o aviso\",\n  goBack: \"Voltar\",\n  closePanel: \"Fechar\",\n  closeTab: \"Fechar a aba\",\n  scrollRegion: \"Conteúdo rolável\",\n  scrollToTop: \"Voltar ao topo\",\n  share: \"Compartilhar\",\n};\n\nconst PT_BR_CHROMIUM_DESKTOP = [\n  \"Clique no ícone à esquerda do endereço do site.\",\n  \"Abra \\\"Configurações do site\\\".\",\n  \"Em \\\"Notificações\\\", escolha \\\"Permitir\\\".\",\n  \"Volte a esta página e recarregue.\",\n] as const;\n\nconst PT_BR_CHROMIUM_ANDROID = [\n  \"Toque no ícone à esquerda do endereço do site.\",\n  \"Toque em \\\"Permissões\\\".\",\n  \"Toque em \\\"Notificações\\\" e escolha \\\"Permitir\\\".\",\n  \"Volte a esta página e recarregue.\",\n] as const;\n\nexport const PT_BR_NOTIFICATION_UNBLOCK_COPY: NotificationUnblockCopy = {\n  ios: [\n    \"Abra os Ajustes do iPhone.\",\n    \"Toque em \\\"Notificações\\\".\",\n    \"Encontre este app na lista e ative \\\"Permitir Notificações\\\".\",\n  ],\n  chrome: { desktop: PT_BR_CHROMIUM_DESKTOP, android: PT_BR_CHROMIUM_ANDROID },\n  edge: {\n    desktop: [\n      \"Clique no cadeado à esquerda do endereço do site.\",\n      \"Abra \\\"Permissões para este site\\\".\",\n      \"Em \\\"Notificações\\\", escolha \\\"Permitir\\\".\",\n      \"Volte a esta página e recarregue.\",\n    ],\n    android: PT_BR_CHROMIUM_ANDROID,\n  },\n  firefox: {\n    desktop: [\n      \"Clique no ícone de permissões à esquerda do endereço do site.\",\n      \"Ao lado de \\\"Enviar notificações\\\", clique no X para tirar o bloqueio.\",\n      \"Recarregue a página e ative as notificações de novo.\",\n    ],\n    android: [\n      \"Abra o menu do navegador e toque em \\\"Configurações\\\".\",\n      \"Toque em \\\"Permissões de sites\\\" e depois em \\\"Notificações\\\".\",\n      \"Encontre este site e escolha \\\"Permitir\\\".\",\n      \"Volte a esta página e recarregue.\",\n    ],\n  },\n  opera: { desktop: PT_BR_CHROMIUM_DESKTOP, android: PT_BR_CHROMIUM_ANDROID },\n  safari: {\n    desktop: [\n      \"No menu Safari, abra \\\"Ajustes\\\".\",\n      \"Vá na aba \\\"Sites\\\" e, na lateral, em \\\"Notificações\\\".\",\n      \"Encontre este site e escolha \\\"Permitir\\\".\",\n      \"Volte a esta página e recarregue.\",\n    ],\n  },\n  samsung: {\n    android: [\n      \"Abra o menu do navegador e toque em \\\"Configurações\\\".\",\n      \"Toque em \\\"Sites e downloads\\\" e depois em \\\"Notificações\\\".\",\n      \"Encontre este site e permita as notificações.\",\n      \"Volte a esta página e recarregue.\",\n    ],\n  },\n  other: [\n    \"Abra as configurações do navegador.\",\n    \"Procure as permissões dos sites e depois \\\"Notificações\\\".\",\n    \"Permita as notificações para este site.\",\n    \"Volte a esta página e recarregue.\",\n  ],\n};\n"],"mappings":";AAUO,IAAM,sBAAoC;AAAA,EAC/C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AACX;AAEO,IAAM,oBAAgC;AAAA,EAC3C,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAAA,EACd,aAAa;AAAA,EACb,OAAO;AACT;AAEA,IAAM,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,IAAM,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,kCAA2D;AAAA,EACtE,KAAK;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,QAAQ,EAAE,SAAS,wBAAwB,SAAS,uBAAuB;AAAA,EAC3E,MAAM;AAAA,IACJ,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,OAAO,EAAE,SAAS,wBAAwB,SAAS,uBAAuB;AAAA,EAC1E,QAAQ;AAAA,IACN,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-W4SDVTZC.js → chunk-3PT3SBJ7.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Select
-} from "./chunk-TOYEP23N.js";
+} from "./chunk-WONCE5GB.js";
 import {
   FormControl,
   FormLabel,
@@ -36,4 +36,4 @@ function SelectField({ name, options, label, placeholder }) {
 export {
   SelectField
 };
-//# sourceMappingURL=chunk-W4SDVTZC.js.map
+//# sourceMappingURL=chunk-3PT3SBJ7.js.map

package/dist/{chunk-P3NRT6GV.js → chunk-3ZGQSWHJ.js}

@@ -1,15 +1,15 @@
 import {
   Sheet
-} from "./chunk-PCYGUOWJ.js";
+} from "./chunk-IAVAZ36T.js";
 import {
   Dialog
-} from "./chunk-D6HDJVQW.js";
+} from "./chunk-YANLN6HP.js";
 import {
   Button
-} from "./chunk-GJUIZ5FN.js";
+} from "./chunk-X2R7QG5I.js";
 import {
   accentFor
-} from "./chunk-V5IOLAIS.js";
+} from "./chunk-F73D4EMA.js";
 
 // src/components/navigation/AppHeader/AppHeader.details.tsx
 import Box from "@mui/material/Box/index.js";
@@ -162,4 +162,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-P3NRT6GV.js.map
+//# sourceMappingURL=chunk-3ZGQSWHJ.js.map

package/dist/{chunk-PFLKPNBU.js → chunk-4DUHJIR2.js}

@@ -3,7 +3,7 @@ import {
   effectStyles,
   getColorFromTheme,
   variantStyles
-} from "./chunk-6WIDZGXE.js";
+} from "./chunk-XMDH3MRV.js";
 
 // src/components/form/Toggle/Toggle.tsx
 import ToggleButton from "@mui/material/ToggleButton/index.js";
@@ -79,4 +79,4 @@ Toggle.displayName = "Toggle";
 export {
   Toggle
 };
-//# sourceMappingURL=chunk-PFLKPNBU.js.map
+//# sourceMappingURL=chunk-4DUHJIR2.js.map

package/dist/{chunk-CJUOBTLL.js → chunk-4EL5ZSZ3.js}

@@ -7,7 +7,10 @@ import {
   panelHeadSx,
   pinnedLabelSx,
   pinnedSx
-} from "./chunk-ZS44PY7T.js";
+} from "./chunk-ETSKBOXN.js";
+import {
+  fieldRadiusPx
+} from "./chunk-GDN2LUTZ.js";
 
 // src/components/form/CategorySelect/CategoryPanelHead.tsx
 import Box from "@mui/material/Box/index.js";
@@ -24,7 +27,7 @@ var searchFieldSx = {
     fontSize: 13,
     border: "1px solid",
     borderColor: "divider",
-    borderRadius: "9px",
+    borderRadius: fieldRadiusPx,
     background: "background.paper",
     color: "text.primary",
     "&:focus": {
@@ -144,4 +147,4 @@ export {
   CategoryPanelHead,
   CategoryPinnedTray
 };
-//# sourceMappingURL=chunk-CJUOBTLL.js.map
+//# sourceMappingURL=chunk-4EL5ZSZ3.js.map

package/dist/chunk-4EL5ZSZ3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/CategoryPanelHead.tsx"],"sourcesContent":["'use client';\n\nimport type { CategorySelectCopy } from '../../../copy';\nimport Box from '@mui/material/Box/index.js';\nimport InputBase from '@mui/material/InputBase/index.js';\n\nimport { SearchGlyph } from './CategoryIcons';\nimport {\n  chipSx,\n  chipWrapSx,\n  panelHeadSx,\n  pinnedLabelSx,\n  pinnedSx,\n} from './CategorySelect.styles';\nimport type { CategorySelectionChip } from './CategorySelect.types';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\n\ninterface PanelHeadProps {\n  query: string;\n  placeholder: string;\n  sheet: boolean;\n  /** Quick actions belong to multi-select only; single-select has nothing to bulk-do. */\n  quickActions?: React.ReactNode;\n  onQueryChange: (next: string) => void;\n  searchInputRef: React.RefObject<HTMLInputElement | null>;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}\n\nconst searchFieldSx = {\n  position: 'relative',\n  display: 'flex',\n  alignItems: 'center',\n  '& input': {\n    width: '100%',\n    height: 36,\n    padding: '0 30px 0 32px',\n    fontSize: 13,\n    border: '1px solid',\n    borderColor: 'divider',\n    borderRadius: fieldRadiusPx,\n    background: 'background.paper',\n    color: 'text.primary',\n    '&:focus': {\n      outline: 'none',\n      borderColor: 'primary.main',\n      boxShadow: (theme: { palette: { primary: { main: string } } }) =>\n        `0 0 0 3px ${theme.palette.primary.main}26`,\n    },\n  },\n} as const;\n\nconst clearButtonSx = {\n  position: 'absolute',\n  right: 7,\n  width: 20,\n  height: 20,\n  border: 0,\n  background: 'action.selected',\n  color: 'text.secondary',\n  borderRadius: '50%',\n  display: 'grid',\n  placeItems: 'center',\n  cursor: 'pointer',\n  fontSize: 12,\n  padding: 0,\n  lineHeight: 1,\n} as const;\n\n/** Search field, its clear affordance, and the optional quick-action row. */\nexport function CategoryPanelHead({\n  query,\n  placeholder,\n  sheet,\n  quickActions,\n  onQueryChange,\n  searchInputRef,\n  dataTestId,\n  copy,\n}: PanelHeadProps): React.JSX.Element {\n  return (\n    <Box sx={(theme) => panelHeadSx(theme, sheet)}>\n      <Box sx={searchFieldSx}>\n        <SearchGlyph\n          style={{\n            position: 'absolute',\n            left: 10,\n            width: 15,\n            height: 15,\n            opacity: 0.55,\n            pointerEvents: 'none',\n          }}\n        />\n        <InputBase\n          inputRef={searchInputRef}\n          value={query}\n          placeholder={placeholder}\n          autoComplete=\"off\"\n          inputProps={{ 'aria-label': placeholder, 'data-testid': `${dataTestId}-search` }}\n          onChange={(event) => onQueryChange(event.target.value)}\n          sx={{ width: '100%' }}\n        />\n        {query.length > 0 && (\n          <Box\n            component=\"button\"\n            type=\"button\"\n            aria-label={copy.search.clear}\n            data-testid={`${dataTestId}-search-clear`}\n            sx={clearButtonSx}\n            onClick={() => onQueryChange('')}\n          >\n            ×\n          </Box>\n        )}\n      </Box>\n      {quickActions && (\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: '10px',\n            marginTop: '8px',\n            fontSize: 12,\n          }}\n        >\n          {quickActions}\n        </Box>\n      )}\n    </Box>\n  );\n}\n\ninterface PinnedTrayProps {\n  chips: CategorySelectionChip[];\n  onRemove: (chipId: string) => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}\n\n/**\n * The selected categories, pinned above the list.\n *\n * Pinned rather than left in place because a selection made at the bottom of a\n * ten-category tree scrolls out of sight the moment you look for the next one —\n * and a search hides it entirely. Here it survives both.\n */\nexport function CategoryPinnedTray({\n  chips,\n  onRemove,\n  dataTestId,\n  copy,\n}: PinnedTrayProps): React.JSX.Element | null {\n  if (chips.length === 0) return null;\n  return (\n    <Box sx={pinnedSx} data-testid={`${dataTestId}-pinned`}>\n      <Box sx={pinnedLabelSx}>{copy.search.pinnedLabel(chips.length)}</Box>\n      <Box sx={chipWrapSx}>\n        {chips.map((chip) => (\n          <Box component=\"span\" key={chip.id} sx={chipSx}>\n            {chip.label}\n            <button\n              type=\"button\"\n              aria-label={copy.search.removeChip(chip.label)}\n              data-testid={`${dataTestId}-unpin-${chip.id}`}\n              onClick={() => onRemove(chip.id)}\n            >\n              ×\n            </button>\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-46UPILLK.js → chunk-4ETQRBZC.js}

@@ -1,3 +1,6 @@
+import {
+  geocode
+} from "./chunk-TUBCN4DJ.js";
 import {
   CITY_ZOOM,
   CLICK_JITTER_DEGREES,
@@ -6,9 +9,6 @@ import {
   MAX_ZOOM,
   MIN_ZOOM
 } from "./chunk-H2J2MTRE.js";
-import {
-  geocode
-} from "./chunk-TUBCN4DJ.js";
 
 // src/components/data-display/MapPreview/MapPreview.hooks.ts
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -186,4 +186,4 @@ export {
   useMapSearch,
   useMapClick
 };
-//# sourceMappingURL=chunk-46UPILLK.js.map
+//# sourceMappingURL=chunk-4ETQRBZC.js.map

package/dist/{chunk-65DLYC4S.js → chunk-4LDRYLE2.js}

@@ -6,7 +6,7 @@ import {
   ChipList,
   DefaultSuggestion,
   SuggestionListBox
-} from "./chunk-6TSP45KC.js";
+} from "./chunk-WHLVMQNF.js";
 import {
   defaultGetKey,
   defaultGetLabel,
@@ -131,4 +131,4 @@ export {
   Autocomplete,
   Autocomplete_default
 };
-//# sourceMappingURL=chunk-65DLYC4S.js.map
+//# sourceMappingURL=chunk-4LDRYLE2.js.map

package/dist/{chunk-ON2CMKTI.js → chunk-4WT4PV4M.js}

@@ -4,7 +4,7 @@ import {
   radioCardSx,
   segmentButtonSx,
   segmentContainerSx
-} from "./chunk-ZZOOSKSV.js";
+} from "./chunk-DV42HAVP.js";
 
 // src/components/form/RadioGroup/RadioGroup.variants.tsx
 import Box from "@mui/material/Box/index.js";
@@ -244,4 +244,4 @@ export {
   SegmentRadios,
   GroupLabel
 };
-//# sourceMappingURL=chunk-ON2CMKTI.js.map
+//# sourceMappingURL=chunk-4WT4PV4M.js.map

package/dist/chunk-55E7GLVT.js

@@ -0,0 +1,109 @@
+import {
+  NOTICE_ACTION_GAP_UNITS,
+  NOTICE_STEPS_INDENT_UNITS,
+  NOTICE_STEP_GAP_UNITS
+} from "./chunk-55FFONIV.js";
+import {
+  NOTICE_VARIANT
+} from "./chunk-L7BRU4UF.js";
+import {
+  Alert
+} from "./chunk-6BGS5FND.js";
+import {
+  Button
+} from "./chunk-X2R7QG5I.js";
+
+// src/components/feedback/NotificationStatusNotice/NotificationStatusNotice.tsx
+import Box from "@mui/material/Box/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_TEST_ID = "notification-status-notice";
+var EnableAction = ({
+  props,
+  testId
+}) => /* @__PURE__ */ jsx(Box, { sx: { mt: NOTICE_ACTION_GAP_UNITS }, children: /* @__PURE__ */ jsx(
+  Button,
+  {
+    variant: "solid",
+    color: "primary",
+    size: "sm",
+    loading: props.pending,
+    onClick: props.onEnable,
+    dataTestId: `${testId}-enable`,
+    children: props.enableLabel
+  }
+) });
+var BlockedSteps = ({
+  props,
+  testId
+}) => {
+  const [open, setOpen] = React.useState(props.defaultStepsOpen ?? false);
+  const listId = React.useId();
+  return /* @__PURE__ */ jsxs(Box, { sx: { mt: NOTICE_ACTION_GAP_UNITS }, children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "text",
+        color: "primary",
+        size: "sm",
+        "aria-expanded": open,
+        "aria-controls": listId,
+        onClick: () => setOpen((was) => !was),
+        dataTestId: `${testId}-steps-toggle`,
+        children: props.stepsToggleLabel
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: "ol",
+        id: listId,
+        hidden: !open,
+        "data-testid": `${testId}-steps`,
+        sx: {
+          m: 0,
+          mt: NOTICE_STEP_GAP_UNITS,
+          pl: NOTICE_STEPS_INDENT_UNITS,
+          display: open ? "flex" : "none",
+          flexDirection: "column",
+          gap: NOTICE_STEP_GAP_UNITS
+        },
+        children: props.steps.map((step, index) => /* @__PURE__ */ jsx(Typography, { component: "li", variant: "body2", children: step }, `${index}-${step}`))
+      }
+    )
+  ] });
+};
+var NoticeAction = ({
+  props,
+  testId
+}) => {
+  if (props.status === "disabled") return /* @__PURE__ */ jsx(EnableAction, { props, testId });
+  if (props.status === "blocked") return /* @__PURE__ */ jsx(BlockedSteps, { props, testId });
+  return null;
+};
+var NotificationStatusNotice = React.forwardRef((props, ref) => {
+  const testId = props.dataTestId ?? DEFAULT_TEST_ID;
+  return /* @__PURE__ */ jsx(
+    Alert,
+    {
+      ref,
+      variant: NOTICE_VARIANT[props.status],
+      title: props.title,
+      description: props.description,
+      announce: "polite",
+      showIcon: true,
+      "data-testid": testId,
+      "data-status": props.status,
+      className: props.className,
+      sx: props.sx,
+      children: /* @__PURE__ */ jsx(NoticeAction, { props, testId })
+    }
+  );
+});
+NotificationStatusNotice.displayName = "NotificationStatusNotice";
+
+export {
+  NotificationStatusNotice
+};
+//# sourceMappingURL=chunk-55E7GLVT.js.map

package/dist/chunk-55E7GLVT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/NotificationStatusNotice/NotificationStatusNotice.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React from 'react';\n\nimport { Alert } from '../../data-display/Alert/Alert';\nimport { Button } from '../../form/Button/Button';\nimport { NOTICE_VARIANT } from './NotificationStatusNotice.helpers';\nimport {\n  NOTICE_ACTION_GAP_UNITS,\n  NOTICE_STEP_GAP_UNITS,\n  NOTICE_STEPS_INDENT_UNITS,\n} from './NotificationStatusNotice.metrics';\nimport type {\n  BlockedNoticeProps,\n  DisabledNoticeProps,\n  NotificationStatusNoticeProps,\n} from './NotificationStatusNotice.types';\n\nconst DEFAULT_TEST_ID = 'notification-status-notice';\n\nconst EnableAction: React.FC<{ props: DisabledNoticeProps; testId: string }> = ({\n  props,\n  testId,\n}) => (\n  <Box sx={{ mt: NOTICE_ACTION_GAP_UNITS }}>\n    <Button\n      variant=\"solid\"\n      color=\"primary\"\n      size=\"sm\"\n      // `loading` also disables the button, so a second tap cannot ask twice.\n      loading={props.pending}\n      onClick={props.onEnable}\n      dataTestId={`${testId}-enable`}\n    >\n      {props.enableLabel}\n    </Button>\n  </Box>\n);\n\n/**\n * The way back from a refusal: a disclosure over the steps, because the steps\n * are long and most readers of a blocked notice will not act on it right now.\n * A real button with `aria-expanded`, so a screen reader hears that it opens\n * something and whether it has.\n */\nconst BlockedSteps: React.FC<{ props: BlockedNoticeProps; testId: string }> = ({\n  props,\n  testId,\n}) => {\n  const [open, setOpen] = React.useState(props.defaultStepsOpen ?? false);\n  const listId = React.useId();\n\n  return (\n    <Box sx={{ mt: NOTICE_ACTION_GAP_UNITS }}>\n      <Button\n        variant=\"text\"\n        color=\"primary\"\n        size=\"sm\"\n        aria-expanded={open}\n        aria-controls={listId}\n        onClick={() => setOpen((was) => !was)}\n        dataTestId={`${testId}-steps-toggle`}\n      >\n        {props.stepsToggleLabel}\n      </Button>\n      <Box\n        component=\"ol\"\n        id={listId}\n        hidden={!open}\n        data-testid={`${testId}-steps`}\n        sx={{\n          m: 0,\n          mt: NOTICE_STEP_GAP_UNITS,\n          pl: NOTICE_STEPS_INDENT_UNITS,\n          display: open ? 'flex' : 'none',\n          flexDirection: 'column',\n          gap: NOTICE_STEP_GAP_UNITS,\n        }}\n      >\n        {props.steps.map((step, index) => (\n          <Typography key={`${index}-${step}`} component=\"li\" variant=\"body2\">\n            {step}\n          </Typography>\n        ))}\n      </Box>\n    </Box>\n  );\n};\n\nconst NoticeAction: React.FC<{ props: NotificationStatusNoticeProps; testId: string }> = ({\n  props,\n  testId,\n}) => {\n  if (props.status === 'disabled') return <EnableAction props={props} testId={testId} />;\n  if (props.status === 'blocked') return <BlockedSteps props={props} testId={testId} />;\n  return null;\n};\n\n/**\n * Tells a reader whether this browser will notify them, and gives them the one\n * thing they can do about it: a tap that asks (`disabled`), the steps that\n * undo a refusal (`blocked`), or nothing when nothing can change (`enabled`,\n * `unavailable`).\n *\n * Every word is the host's. The component decides only the shape and how loud\n * each status is — see `NOTICE_VARIANT`.\n */\nexport const NotificationStatusNotice = React.forwardRef<\n  HTMLDivElement,\n  NotificationStatusNoticeProps\n>((props, ref) => {\n  const testId = props.dataTestId ?? DEFAULT_TEST_ID;\n\n  return (\n    <Alert\n      ref={ref}\n      variant={NOTICE_VARIANT[props.status]}\n      title={props.title}\n      description={props.description}\n      // A status line, not an interruption: it must not cut across whatever\n      // the screen reader is saying about the page it sits on.\n      announce=\"polite\"\n      showIcon\n      data-testid={testId}\n      data-status={props.status}\n      className={props.className}\n      sx={props.sx}\n    >\n      <NoticeAction props={props} testId={testId} />\n    </Alert>\n  );\n});\n\nNotificationStatusNotice.displayName = 'NotificationStatusNotice';\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAuBd,cA4BA,YA5BA;AAPJ,IAAM,kBAAkB;AAExB,IAAM,eAAyE,CAAC;AAAA,EAC9E;AAAA,EACA;AACF,MACE,oBAAC,OAAI,IAAI,EAAE,IAAI,wBAAwB,GACrC;AAAA,EAAC;AAAA;AAAA,IACC,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,MAAK;AAAA,IAEL,SAAS,MAAM;AAAA,IACf,SAAS,MAAM;AAAA,IACf,YAAY,GAAG,MAAM;AAAA,IAEpB,gBAAM;AAAA;AACT,GACF;AASF,IAAM,eAAwE,CAAC;AAAA,EAC7E;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,MAAM,oBAAoB,KAAK;AACtE,QAAM,SAAS,MAAM,MAAM;AAE3B,SACE,qBAAC,OAAI,IAAI,EAAE,IAAI,wBAAwB,GACrC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,SAAS,MAAM,QAAQ,CAAC,QAAQ,CAAC,GAAG;AAAA,QACpC,YAAY,GAAG,MAAM;AAAA,QAEpB,gBAAM;AAAA;AAAA,IACT;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,IAAI;AAAA,QACJ,QAAQ,CAAC;AAAA,QACT,eAAa,GAAG,MAAM;AAAA,QACtB,IAAI;AAAA,UACF,GAAG;AAAA,UACH,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,SAAS,OAAO,SAAS;AAAA,UACzB,eAAe;AAAA,UACf,KAAK;AAAA,QACP;AAAA,QAEC,gBAAM,MAAM,IAAI,CAAC,MAAM,UACtB,oBAAC,cAAoC,WAAU,MAAK,SAAQ,SACzD,kBADc,GAAG,KAAK,IAAI,IAAI,EAEjC,CACD;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAEA,IAAM,eAAmF,CAAC;AAAA,EACxF;AAAA,EACA;AACF,MAAM;AACJ,MAAI,MAAM,WAAW,WAAY,QAAO,oBAAC,gBAAa,OAAc,QAAgB;AACpF,MAAI,MAAM,WAAW,UAAW,QAAO,oBAAC,gBAAa,OAAc,QAAgB;AACnF,SAAO;AACT;AAWO,IAAM,2BAA2B,MAAM,WAG5C,CAAC,OAAO,QAAQ;AAChB,QAAM,SAAS,MAAM,cAAc;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS,eAAe,MAAM,MAAM;AAAA,MACpC,OAAO,MAAM;AAAA,MACb,aAAa,MAAM;AAAA,MAGnB,UAAS;AAAA,MACT,UAAQ;AAAA,MACR,eAAa;AAAA,MACb,eAAa,MAAM;AAAA,MACnB,WAAW,MAAM;AAAA,MACjB,IAAI,MAAM;AAAA,MAEV,8BAAC,gBAAa,OAAc,QAAgB;AAAA;AAAA,EAC9C;AAEJ,CAAC;AAED,yBAAyB,cAAc;","names":[]}

package/dist/chunk-55FFONIV.js

@@ -0,0 +1,11 @@
+// src/components/feedback/NotificationStatusNotice/NotificationStatusNotice.metrics.ts
+var NOTICE_ACTION_GAP_UNITS = 1;
+var NOTICE_STEPS_INDENT_UNITS = 2.5;
+var NOTICE_STEP_GAP_UNITS = 0.5;
+
+export {
+  NOTICE_ACTION_GAP_UNITS,
+  NOTICE_STEPS_INDENT_UNITS,
+  NOTICE_STEP_GAP_UNITS
+};
+//# sourceMappingURL=chunk-55FFONIV.js.map

package/dist/chunk-55FFONIV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/NotificationStatusNotice/NotificationStatusNotice.metrics.ts"],"sourcesContent":["/** Theme spacing units between the message and its action. */\nexport const NOTICE_ACTION_GAP_UNITS = 1;\n\n/** Theme spacing units the numbered steps are indented by. */\nexport const NOTICE_STEPS_INDENT_UNITS = 2.5;\n\n/** Theme spacing units between two steps. */\nexport const NOTICE_STEP_GAP_UNITS = 0.5;\n"],"mappings":";AACO,IAAM,0BAA0B;AAGhC,IAAM,4BAA4B;AAGlC,IAAM,wBAAwB;","names":[]}

package/dist/{chunk-AIBNBWQU.js → chunk-5EQFAFR3.js}

@@ -1,6 +1,6 @@
 import {
   uiThemeFromMui
-} from "./chunk-T2VO32Z2.js";
+} from "./chunk-JUHPNTDA.js";
 
 // src/provider/use-ui-theme.ts
 import { useTheme } from "@mui/material/styles/index.js";
@@ -13,4 +13,4 @@ function useUiTheme() {
 export {
   useUiTheme
 };
-//# sourceMappingURL=chunk-AIBNBWQU.js.map
+//# sourceMappingURL=chunk-5EQFAFR3.js.map

package/dist/{chunk-EVXFEXBS.js → chunk-5UGXAAZG.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Input
-} from "./chunk-XXE6NTJB.js";
+} from "./chunk-Q544QEIN.js";
 import {
   FormControl,
   FormLabel,
@@ -38,4 +38,4 @@ function TextField({ name, label, type = "text", placeholder }) {
 export {
   TextField
 };
-//# sourceMappingURL=chunk-EVXFEXBS.js.map
+//# sourceMappingURL=chunk-5UGXAAZG.js.map

package/dist/{chunk-DOMEYGTN.js → chunk-5YOFMMK3.js}

@@ -1,6 +1,6 @@
 import {
   accentFor
-} from "./chunk-V5IOLAIS.js";
+} from "./chunk-F73D4EMA.js";
 
 // src/components/form/Command/Command.styles.ts
 import { alpha } from "@mui/material/styles/index.js";
@@ -58,4 +58,4 @@ export {
   commandSizeStyles,
   commandPaperStyles
 };
-//# sourceMappingURL=chunk-DOMEYGTN.js.map
+//# sourceMappingURL=chunk-5YOFMMK3.js.map

package/dist/{chunk-JE6RZ5L6.js → chunk-5ZOJLYD2.js}

@@ -1,9 +1,9 @@
-import {
-  usePwaInstall
-} from "./chunk-5GMHJ7Y5.js";
 import {
   installPromptStyles
 } from "./chunk-GY62N32G.js";
+import {
+  usePwaInstall
+} from "./chunk-5GMHJ7Y5.js";
 
 // src/components/utility/InstallPrompt/InstallPrompt.tsx
 import Close from "@mui/icons-material/Close";
@@ -154,4 +154,4 @@ InstallPrompt.displayName = "InstallPrompt";
 export {
   InstallPrompt
 };
-//# sourceMappingURL=chunk-JE6RZ5L6.js.map
+//# sourceMappingURL=chunk-5ZOJLYD2.js.map

package/dist/{chunk-J3JGO6Y6.js → chunk-65IHPI4S.js}

@@ -2,6 +2,9 @@ import {
   TableFilterContext,
   useTableFilterContext
 } from "./chunk-7AIL2F5E.js";
+import {
+  fieldRootStyles
+} from "./chunk-GDN2LUTZ.js";
 
 // src/components/layout/TableFilter/TableFilter.tsx
 import CloseIcon from "@mui/icons-material/Close";
@@ -140,6 +143,7 @@ var TableFilterKeyword = ({
       TextField,
       {
         size: "small",
+        sx: fieldRootStyles,
         name: "keyword",
         placeholder,
         value: draft,
@@ -318,4 +322,4 @@ TableFilter.RangeField = TableFilterRangeField;
 export {
   TableFilter
 };
-//# sourceMappingURL=chunk-J3JGO6Y6.js.map
+//# sourceMappingURL=chunk-65IHPI4S.js.map