@umodeapporg/ui 0.27.0 → 0.29.0

package/dist/components/UI/ImagePlaceholder.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { twMerge } from "tailwind-merge";
 import { MaterialSymbol } from "./MaterialSymbol/index.js";
+import { mergeClasses } from "../../helpers/mergeClasses.js";
 const VARIANT_ICON = {
   empty: "image",
   broken: "broken_image"
@@ -9,7 +9,10 @@ const ImagePlaceholder = ({ variant = "empty", className }) => /* @__PURE__ */ j
   "div",
   {
     "aria-hidden": true,
-    className: twMerge("flex size-full items-center justify-center overflow-hidden bg-muted @container", className),
+    className: mergeClasses(
+      "flex size-full items-center justify-center overflow-hidden bg-muted @container",
+      className
+    ),
     children: /* @__PURE__ */ jsx(
       MaterialSymbol,
       {

package/dist/components/UI/ImagePlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImagePlaceholder.js","sources":["../../../src/components/UI/ImagePlaceholder.tsx"],"sourcesContent":["import { twMerge } from 'tailwind-merge';\n\nimport { MaterialSymbol, SymbolCodepoints } from '@/components/UI/MaterialSymbol';\n\nexport type TImagePlaceholderVariant = 'empty' | 'broken';\n\ninterface IImagePlaceholderProps {\n  /**\n   * `empty` = there is no image for this record (the normal state).\n   * `broken` = there IS a source but it failed to load (a real problem worth distinguishing).\n   */\n  variant?: TImagePlaceholderVariant;\n  className?: string;\n}\n\nconst VARIANT_ICON: Record<TImagePlaceholderVariant, SymbolCodepoints> = {\n  empty: 'image',\n  broken: 'broken_image',\n};\n\n/**\n * The single placeholder for \"no image here\", replacing the fixed missing-image.png.\n *\n * A raster asset cannot follow the theme: the old PNG was a dark tile, so it read as a\n * hole in light mode and as a slightly-wrong-dark square in dark mode. This draws the\n * same idea from tokens instead, so it is correct in both themes for free.\n *\n * It is used at every size in the app, from a 40px table thumbnail to a full datasheet\n * panel, so the icon is sized in container-query units rather than a fixed rem: it scales\n * with whatever box it is dropped into, with a floor and a ceiling so it never becomes a\n * dot or a poster. `MaterialSymbol` receives no `size` prop on purpose, because that prop\n * writes an inline font-size which would beat this class.\n */\nconst ImagePlaceholder: React.FC<IImagePlaceholderProps> = ({ variant = 'empty', className }) => (\n  <div\n    aria-hidden\n    className={twMerge('flex size-full items-center justify-center overflow-hidden bg-muted @container', className)}\n  >\n    <MaterialSymbol\n      icon={VARIANT_ICON[variant]}\n      weight={300}\n      /* `!` is required: outlined.css pins `.material-symbols { font-size: 1.5rem }` and,\n         being imported last, it wins the cascade over a plain utility. */\n      className=\"!text-[clamp(0.875rem,34cqi,2.75rem)] leading-none text-foreground-faint\"\n    />\n  </div>\n);\n\nexport default ImagePlaceholder;\n"],"names":[],"mappings":";;;AAeA,MAAM,eAAmE;AAAA,EACvE,OAAO;AAAA,EACP,QAAQ;AACV;AAeA,MAAM,mBAAqD,CAAC,EAAE,UAAU,SAAS,gBAC/E;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAW;AAAA,IACX,WAAW,QAAQ,kFAAkF,SAAS;AAAA,IAE9G,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,aAAa,OAAO;AAAA,QAC1B,QAAQ;AAAA,QAGR,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ;AACF;"}
+{"version":3,"file":"ImagePlaceholder.js","sources":["../../../src/components/UI/ImagePlaceholder.tsx"],"sourcesContent":["import { MaterialSymbol, SymbolCodepoints } from '@/components/UI/MaterialSymbol';\nimport { mergeClasses } from '@/helpers/mergeClasses';\n\nexport type TImagePlaceholderVariant = 'empty' | 'broken';\n\ninterface IImagePlaceholderProps {\n  /**\n   * `empty` = there is no image for this record (the normal state).\n   * `broken` = there IS a source but it failed to load (a real problem worth distinguishing).\n   */\n  variant?: TImagePlaceholderVariant;\n  className?: string;\n}\n\nconst VARIANT_ICON: Record<TImagePlaceholderVariant, SymbolCodepoints> = {\n  empty: 'image',\n  broken: 'broken_image',\n};\n\n/**\n * The single placeholder for \"no image here\", replacing the fixed missing-image.png.\n *\n * A raster asset cannot follow the theme: the old PNG was a dark tile, so it read as a\n * hole in light mode and as a slightly-wrong-dark square in dark mode. This draws the\n * same idea from tokens instead, so it is correct in both themes for free.\n *\n * It is used at every size in the app, from a 40px table thumbnail to a full datasheet\n * panel, so the icon is sized in container-query units rather than a fixed rem: it scales\n * with whatever box it is dropped into, with a floor and a ceiling so it never becomes a\n * dot or a poster. `MaterialSymbol` receives no `size` prop on purpose, because that prop\n * writes an inline font-size which would beat this class.\n */\nconst ImagePlaceholder: React.FC<IImagePlaceholderProps> = ({ variant = 'empty', className }) => (\n  <div\n    aria-hidden\n    className={mergeClasses(\n      'flex size-full items-center justify-center overflow-hidden bg-muted @container',\n      className,\n    )}\n  >\n    <MaterialSymbol\n      icon={VARIANT_ICON[variant]}\n      weight={300}\n      /* `!` is required: outlined.css pins `.material-symbols { font-size: 1.5rem }` and,\n         being imported last, it wins the cascade over a plain utility. */\n      className=\"!text-[clamp(0.875rem,34cqi,2.75rem)] leading-none text-foreground-faint\"\n    />\n  </div>\n);\n\nexport default ImagePlaceholder;\n"],"names":[],"mappings":";;;AAcA,MAAM,eAAmE;AAAA,EACvE,OAAO;AAAA,EACP,QAAQ;AACV;AAeA,MAAM,mBAAqD,CAAC,EAAE,UAAU,SAAS,gBAC/E;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAW;AAAA,IACX,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAGF,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,aAAa,OAAO;AAAA,QAC1B,QAAQ;AAAA,QAGR,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ;AACF;"}

package/dist/components/UI/ImageZoomOverlay.js

@@ -33,6 +33,7 @@ const ImageZoomOverlay = ({ src, onClose }) => {
           /* @__PURE__ */ jsx(ControlledTooltip, { content: t("imageZoom.close"), className: "z-[9999]", children: /* @__PURE__ */ jsx(
             ControlledButton,
             {
+              "aria-label": t("actions.close"),
               defaultHtmlButton: true,
               onClick: onClose,
               className: "absolute right-4 top-4 flex items-center justify-center rounded-full bg-glass/10 p-2 text-white transition-interactive duration-base ease-enter hover:bg-glass/20 active:scale-90",

package/dist/components/UI/ImageZoomOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageZoomOverlay.js","sources":["../../../src/components/UI/ImageZoomOverlay.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useTranslation } from 'react-i18next';\n\nimport ControlledButton from '@/components/Form/ControlledButton';\nimport ControlledImage from '@/components/Form/ControlledImage';\nimport ControlledTooltip from '@/components/UI/ControlledTooltip';\nimport { MaterialSymbol } from '@/components/UI/MaterialSymbol';\nimport { getPortalHost } from '@/helpers/portalHost';\n\ninterface IImageZoomOverlayProps {\n  src: string;\n  onClose: () => void;\n}\n\n// Visualização ampliada em tela cheia (portal). Fecha com Esc, clique fora ou\n// no botão de fechar.\nconst ImageZoomOverlay: React.FC<IImageZoomOverlayProps> = ({ src, onClose }) => {\n  const { t } = useTranslation('ui');\n\n  useEffect(() => {\n    const onKeyDown = (event: KeyboardEvent): void => {\n      if (event.key !== 'Escape') return;\n      // Na captura e barrando a propagação: o drawer que abriu esta imagem também escuta Esc no\n      // document, e sem isso uma tecla fecharia a imagem E o drawer atrás dela.\n      event.stopPropagation();\n      onClose();\n    };\n    document.addEventListener('keydown', onKeyDown, true);\n    return () => document.removeEventListener('keydown', onKeyDown, true);\n  }, [onClose]);\n\n  const portalHost = getPortalHost();\n  if (portalHost === null) return null;\n\n  return createPortal(\n    <div\n      onClick={onClose}\n      // `role=\"dialog\"` não é enfeite: é como `isPressOnLayeredSurface` reconhece esta camada. Sem\n      // ele, o drawer por baixo lê o clique no X como \"clicou fora de mim\" e se fecha junto.\n      role=\"dialog\"\n      aria-modal={true}\n      aria-label={t('imageZoom.title')}\n      // Same layer as ControlledDialog: mounted after the dialog that opened it, DOM order puts\n      // the zoom on top. Any lower value hides it behind the dialog's scrim.\n      className=\"fixed inset-0 z-[9999] flex items-center justify-center p-6 glass-scrim\"\n    >\n      <ControlledTooltip content={t('imageZoom.close')} className=\"z-[9999]\">\n        <ControlledButton\n          defaultHtmlButton\n          onClick={onClose}\n          className=\"absolute right-4 top-4 flex items-center justify-center rounded-full bg-glass/10 p-2 text-white transition-interactive duration-base ease-enter hover:bg-glass/20 active:scale-90\"\n        >\n          <MaterialSymbol icon=\"close\" size={24} />\n        </ControlledButton>\n      </ControlledTooltip>\n      <div onClick={(event) => event.stopPropagation()} className=\"flex max-h-full max-w-full\">\n        <ControlledImage src={src} className=\"max-h-[90vh] max-w-[90vw] object-contain\" />\n      </div>\n    </div>,\n    portalHost,\n  );\n};\n\nexport default ImageZoomOverlay;\n"],"names":[],"mappings":";;;;;;;;;AAiBA,MAAM,mBAAqD,CAAC,EAAE,KAAK,cAAc;AAC/E,QAAM,EAAE,EAAA,IAAM,eAAe,IAAI;AAEjC,YAAU,MAAM;AACd,UAAM,YAAY,CAAC,UAA+B;AAChD,UAAI,MAAM,QAAQ,SAAU;AAG5B,YAAM,gBAAA;AACN,cAAA;AAAA,IACF;AACA,aAAS,iBAAiB,WAAW,WAAW,IAAI;AACpD,WAAO,MAAM,SAAS,oBAAoB,WAAW,WAAW,IAAI;AAAA,EACtE,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,aAAa,cAAA;AACnB,MAAI,eAAe,KAAM,QAAO;AAEhC,SAAO;AAAA,IACL;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QAGT,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,cAAY,EAAE,iBAAiB;AAAA,QAG/B,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,oBAAC,qBAAkB,SAAS,EAAE,iBAAiB,GAAG,WAAU,YAC1D,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,mBAAiB;AAAA,cACjB,SAAS;AAAA,cACT,WAAU;AAAA,cAEV,UAAA,oBAAC,gBAAA,EAAe,MAAK,SAAQ,MAAM,GAAA,CAAI;AAAA,YAAA;AAAA,UAAA,GAE3C;AAAA,UACA,oBAAC,OAAA,EAAI,SAAS,CAAC,UAAU,MAAM,mBAAmB,WAAU,8BAC1D,UAAA,oBAAC,iBAAA,EAAgB,KAAU,WAAU,4CAA2C,EAAA,CAClF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"ImageZoomOverlay.js","sources":["../../../src/components/UI/ImageZoomOverlay.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useTranslation } from 'react-i18next';\n\nimport ControlledButton from '@/components/Form/ControlledButton';\nimport ControlledImage from '@/components/Form/ControlledImage';\nimport ControlledTooltip from '@/components/UI/ControlledTooltip';\nimport { MaterialSymbol } from '@/components/UI/MaterialSymbol';\nimport { getPortalHost } from '@/helpers/portalHost';\n\ninterface IImageZoomOverlayProps {\n  src: string;\n  onClose: () => void;\n}\n\n// Visualização ampliada em tela cheia (portal). Fecha com Esc, clique fora ou\n// no botão de fechar.\nconst ImageZoomOverlay: React.FC<IImageZoomOverlayProps> = ({ src, onClose }) => {\n  const { t } = useTranslation('ui');\n\n  useEffect(() => {\n    const onKeyDown = (event: KeyboardEvent): void => {\n      if (event.key !== 'Escape') return;\n      // Na captura e barrando a propagação: o drawer que abriu esta imagem também escuta Esc no\n      // document, e sem isso uma tecla fecharia a imagem E o drawer atrás dela.\n      event.stopPropagation();\n      onClose();\n    };\n    document.addEventListener('keydown', onKeyDown, true);\n    return () => document.removeEventListener('keydown', onKeyDown, true);\n  }, [onClose]);\n\n  const portalHost = getPortalHost();\n  if (portalHost === null) return null;\n\n  return createPortal(\n    <div\n      onClick={onClose}\n      // `role=\"dialog\"` não é enfeite: é como `isPressOnLayeredSurface` reconhece esta camada. Sem\n      // ele, o drawer por baixo lê o clique no X como \"clicou fora de mim\" e se fecha junto.\n      role=\"dialog\"\n      aria-modal={true}\n      aria-label={t('imageZoom.title')}\n      // Same layer as ControlledDialog: mounted after the dialog that opened it, DOM order puts\n      // the zoom on top. Any lower value hides it behind the dialog's scrim.\n      className=\"fixed inset-0 z-[9999] flex items-center justify-center p-6 glass-scrim\"\n    >\n      <ControlledTooltip content={t('imageZoom.close')} className=\"z-[9999]\">\n        <ControlledButton\n          aria-label={t('actions.close')}\n          defaultHtmlButton\n          onClick={onClose}\n          className=\"absolute right-4 top-4 flex items-center justify-center rounded-full bg-glass/10 p-2 text-white transition-interactive duration-base ease-enter hover:bg-glass/20 active:scale-90\"\n        >\n          <MaterialSymbol icon=\"close\" size={24} />\n        </ControlledButton>\n      </ControlledTooltip>\n      <div onClick={(event) => event.stopPropagation()} className=\"flex max-h-full max-w-full\">\n        <ControlledImage src={src} className=\"max-h-[90vh] max-w-[90vw] object-contain\" />\n      </div>\n    </div>,\n    portalHost,\n  );\n};\n\nexport default ImageZoomOverlay;\n"],"names":[],"mappings":";;;;;;;;;AAiBA,MAAM,mBAAqD,CAAC,EAAE,KAAK,cAAc;AAC/E,QAAM,EAAE,EAAA,IAAM,eAAe,IAAI;AAEjC,YAAU,MAAM;AACd,UAAM,YAAY,CAAC,UAA+B;AAChD,UAAI,MAAM,QAAQ,SAAU;AAG5B,YAAM,gBAAA;AACN,cAAA;AAAA,IACF;AACA,aAAS,iBAAiB,WAAW,WAAW,IAAI;AACpD,WAAO,MAAM,SAAS,oBAAoB,WAAW,WAAW,IAAI;AAAA,EACtE,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,aAAa,cAAA;AACnB,MAAI,eAAe,KAAM,QAAO;AAEhC,SAAO;AAAA,IACL;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QAGT,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,cAAY,EAAE,iBAAiB;AAAA,QAG/B,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,oBAAC,qBAAkB,SAAS,EAAE,iBAAiB,GAAG,WAAU,YAC1D,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,cAAY,EAAE,eAAe;AAAA,cAC7B,mBAAiB;AAAA,cACjB,SAAS;AAAA,cACT,WAAU;AAAA,cAEV,UAAA,oBAAC,gBAAA,EAAe,MAAK,SAAQ,MAAM,GAAA,CAAI;AAAA,YAAA;AAAA,UAAA,GAE3C;AAAA,UACA,oBAAC,OAAA,EAAI,SAAS,CAAC,UAAU,MAAM,mBAAmB,WAAU,8BAC1D,UAAA,oBAAC,iBAAA,EAAgB,KAAU,WAAU,4CAA2C,EAAA,CAClF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF;AAAA,EAAA;AAEJ;"}

package/dist/components/UI/MaterialSymbol/index.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
+const MEANINGFUL_PROPS = ["aria-label", "aria-labelledby", "role", "href", "tabIndex"];
 function combineClasses(...classes) {
   return classes.filter(Boolean).map((c) => c.trim()).join(" ");
 }
@@ -18,6 +19,9 @@ const MaterialSymbolBase = ({
 }, ref) => {
   const Component = onClick !== void 0 ? "button" : as || "span";
   const style = { color, ...propStyle };
+  const passed = props;
+  const decorative = onClick === void 0 && !MEANINGFUL_PROPS.some((key) => passed[key] !== void 0);
+  const ariaHidden = passed["aria-hidden"] ?? (decorative ? true : void 0);
   if (fill) style.fontVariationSettings = [style.fontVariationSettings, '"FILL" 1'].filter(Boolean).join(", ");
   if (weight)
     style.fontVariationSettings = [style.fontVariationSettings, `"wght" ${weight}`].filter(Boolean).join(", ");
@@ -30,6 +34,7 @@ const MaterialSymbolBase = ({
     Component,
     {
       ...props,
+      "aria-hidden": ariaHidden,
       ref,
       style,
       onClick,

package/dist/components/UI/MaterialSymbol/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/UI/MaterialSymbol/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { CSSProperties, ElementType, ReactElement, Ref } from 'react';\n\nimport type { Classes, MaterialSymbolWeight, PolymorphicComponentProps, SymbolCodepoints } from './types';\nexport type { MaterialSymbolWeight, SymbolCodepoints } from './types';\n\nexport type MaterialSymbolProps = {\n  icon: SymbolCodepoints;\n  fill?: boolean;\n  weight?: MaterialSymbolWeight;\n  grade?: number;\n  size?: number;\n  color?: CSSProperties['color'] | string;\n  className?: string;\n  style?: CSSProperties;\n};\n\nexport type PolymorphicMaterialSymbolProps<C extends ElementType> = PolymorphicComponentProps<C, MaterialSymbolProps>;\n\nexport function combineClasses(...classes: Classes): string {\n  return (classes.filter(Boolean) as Array<string>).map((c) => c.trim()).join(' ');\n}\n\nconst MaterialSymbolBase = <C extends ElementType>(\n  {\n    icon,\n    onClick,\n    as,\n    weight,\n    fill = false,\n    grade,\n    size,\n    style: propStyle,\n    color,\n    className,\n    ...props\n  }: PolymorphicMaterialSymbolProps<C>,\n  ref: Ref<Element>,\n): ReactElement => {\n  const Component = onClick !== undefined ? 'button' : ((as || 'span') as ElementType);\n  const style = { color, ...propStyle };\n\n  if (fill) style.fontVariationSettings = [style.fontVariationSettings, '\"FILL\" 1'].filter(Boolean).join(', ');\n  if (weight)\n    style.fontVariationSettings = [style.fontVariationSettings, `\"wght\" ${weight}`].filter(Boolean).join(', ');\n  if (grade) style.fontVariationSettings = [style.fontVariationSettings, `\"GRAD\" ${grade}`].filter(Boolean).join(', ');\n  if (size) {\n    style.fontVariationSettings = [style.fontVariationSettings, `\"opsz\" ${size}`].filter(Boolean).join(', ');\n    // rem (not px) so icons follow the fluid root density scale (assets/styles/index.css).\n    style.fontSize = `${size / 16}rem`;\n  }\n\n  return (\n    <Component\n      {...props}\n      ref={ref}\n      style={style}\n      onClick={onClick}\n      className={combineClasses('material-symbols', className)}\n    >\n      {icon}\n    </Component>\n  );\n};\n\n// @ts-ignore\nexport const MaterialSymbol = forwardRef(MaterialSymbolBase) as <C extends ElementType>(\n  props: PolymorphicMaterialSymbolProps<C> & { ref?: Ref<Element> },\n) => ReactElement;\n"],"names":[],"mappings":";;AAmBO,SAAS,kBAAkB,SAA0B;AAC1D,SAAQ,QAAQ,OAAO,OAAO,EAAoB,IAAI,CAAC,MAAM,EAAE,KAAA,CAAM,EAAE,KAAK,GAAG;AACjF;AAEA,MAAM,qBAAqB,CACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACiB;AACjB,QAAM,YAAY,YAAY,SAAY,WAAa,MAAM;AAC7D,QAAM,QAAQ,EAAE,OAAO,GAAG,UAAA;AAE1B,MAAI,KAAM,OAAM,wBAAwB,CAAC,MAAM,uBAAuB,UAAU,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI;AAC3G,MAAI;AACF,UAAM,wBAAwB,CAAC,MAAM,uBAAuB,UAAU,MAAM,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI;AAC3G,MAAI,MAAO,OAAM,wBAAwB,CAAC,MAAM,uBAAuB,UAAU,KAAK,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI;AACnH,MAAI,MAAM;AACR,UAAM,wBAAwB,CAAC,MAAM,uBAAuB,UAAU,IAAI,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI;AAEvG,UAAM,WAAW,GAAG,OAAO,EAAE;AAAA,EAC/B;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,eAAe,oBAAoB,SAAS;AAAA,MAEtD,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,MAAM,iBAAiB,WAAW,kBAAkB;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/UI/MaterialSymbol/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { CSSProperties, ElementType, ReactElement, Ref } from 'react';\n\nimport type { Classes, MaterialSymbolWeight, PolymorphicComponentProps, SymbolCodepoints } from './types';\nexport type { MaterialSymbolWeight, SymbolCodepoints } from './types';\n\nexport type MaterialSymbolProps = {\n  icon: SymbolCodepoints;\n  fill?: boolean;\n  weight?: MaterialSymbolWeight;\n  grade?: number;\n  size?: number;\n  color?: CSSProperties['color'] | string;\n  className?: string;\n  style?: CSSProperties;\n};\n\nexport type PolymorphicMaterialSymbolProps<C extends ElementType> = PolymorphicComponentProps<C, MaterialSymbolProps>;\n\n/** Props that give a glyph a meaning of its own, so it stays in the accessibility tree. */\nconst MEANINGFUL_PROPS: ReadonlyArray<string> = ['aria-label', 'aria-labelledby', 'role', 'href', 'tabIndex'];\n\nexport function combineClasses(...classes: Classes): string {\n  return (classes.filter(Boolean) as Array<string>).map((c) => c.trim()).join(' ');\n}\n\nconst MaterialSymbolBase = <C extends ElementType>(\n  {\n    icon,\n    onClick,\n    as,\n    weight,\n    fill = false,\n    grade,\n    size,\n    style: propStyle,\n    color,\n    className,\n    ...props\n  }: PolymorphicMaterialSymbolProps<C>,\n  ref: Ref<Element>,\n): ReactElement => {\n  const Component = onClick !== undefined ? 'button' : ((as || 'span') as ElementType);\n  const style = { color, ...propStyle };\n  // The ligature name (\"close\", \"arrow_back\") is not a label: read aloud, it lands in the name of\n  // the control or link around the glyph. Decorative unless it is the control itself or the host\n  // gave it a meaning; an explicit `aria-hidden` always wins.\n  const passed = props as Record<string, unknown>;\n  const decorative = onClick === undefined && !MEANINGFUL_PROPS.some((key) => passed[key] !== undefined);\n  const ariaHidden = passed['aria-hidden'] ?? (decorative ? true : undefined);\n\n  if (fill) style.fontVariationSettings = [style.fontVariationSettings, '\"FILL\" 1'].filter(Boolean).join(', ');\n  if (weight)\n    style.fontVariationSettings = [style.fontVariationSettings, `\"wght\" ${weight}`].filter(Boolean).join(', ');\n  if (grade) style.fontVariationSettings = [style.fontVariationSettings, `\"GRAD\" ${grade}`].filter(Boolean).join(', ');\n  if (size) {\n    style.fontVariationSettings = [style.fontVariationSettings, `\"opsz\" ${size}`].filter(Boolean).join(', ');\n    // rem (not px) so icons follow the fluid root density scale (assets/styles/index.css).\n    style.fontSize = `${size / 16}rem`;\n  }\n\n  return (\n    <Component\n      {...props}\n      aria-hidden={ariaHidden}\n      ref={ref}\n      style={style}\n      onClick={onClick}\n      className={combineClasses('material-symbols', className)}\n    >\n      {icon}\n    </Component>\n  );\n};\n\n// @ts-ignore\nexport const MaterialSymbol = forwardRef(MaterialSymbolBase) as <C extends ElementType>(\n  props: PolymorphicMaterialSymbolProps<C> & { ref?: Ref<Element> },\n) => ReactElement;\n"],"names":[],"mappings":";;AAoBA,MAAM,mBAA0C,CAAC,cAAc,mBAAmB,QAAQ,QAAQ,UAAU;AAErG,SAAS,kBAAkB,SAA0B;AAC1D,SAAQ,QAAQ,OAAO,OAAO,EAAoB,IAAI,CAAC,MAAM,EAAE,KAAA,CAAM,EAAE,KAAK,GAAG;AACjF;AAEA,MAAM,qBAAqB,CACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,QACiB;AACjB,QAAM,YAAY,YAAY,SAAY,WAAa,MAAM;AAC7D,QAAM,QAAQ,EAAE,OAAO,GAAG,UAAA;AAI1B,QAAM,SAAS;AACf,QAAM,aAAa,YAAY,UAAa,CAAC,iBAAiB,KAAK,CAAC,QAAQ,OAAO,GAAG,MAAM,MAAS;AACrG,QAAM,aAAa,OAAO,aAAa,MAAM,aAAa,OAAO;AAEjE,MAAI,KAAM,OAAM,wBAAwB,CAAC,MAAM,uBAAuB,UAAU,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI;AAC3G,MAAI;AACF,UAAM,wBAAwB,CAAC,MAAM,uBAAuB,UAAU,MAAM,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI;AAC3G,MAAI,MAAO,OAAM,wBAAwB,CAAC,MAAM,uBAAuB,UAAU,KAAK,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI;AACnH,MAAI,MAAM;AACR,UAAM,wBAAwB,CAAC,MAAM,uBAAuB,UAAU,IAAI,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI;AAEvG,UAAM,WAAW,GAAG,OAAO,EAAE;AAAA,EAC/B;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,eAAe,oBAAoB,SAAS;AAAA,MAEtD,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,MAAM,iBAAiB,WAAW,kBAAkB;"}

package/dist/components/UI/NoDataFound/index.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { memo, isValidElement } from "react";
 import classNames from "classnames";
 import { useTranslation } from "react-i18next";
-import { twMerge } from "tailwind-merge";
+import { mergeClasses } from "../../../helpers/mergeClasses.js";
 import ControlledButton from "../../Form/ControlledButton.js";
 import { MaterialSymbol } from "../MaterialSymbol/index.js";
 import { NO_DATA_FOUND_TONES, NO_DATA_FOUND_VARIANTS, NO_DATA_FOUND_SIZES } from "./noDataFoundPresets.js";
@@ -138,7 +138,7 @@ const NoDataFound = ({
   const primaryAction = renderAction(action, true);
   const supportAction = renderAction(secondaryAction, false);
   if (compact || size === "inline") {
-    return /* @__PURE__ */ jsxs("div", { ...liveRegionProps, className: twMerge("flex w-full items-center gap-x-1.5 text-left", className), children: [
+    return /* @__PURE__ */ jsxs("div", { ...liveRegionProps, className: mergeClasses("flex w-full items-center gap-x-1.5 text-left", className), children: [
       /* @__PURE__ */ jsx(MaterialSymbol, { icon: resolvedIcon, size: 16, className: classNames("shrink-0", toneClasses.icon) }),
       /* @__PURE__ */ jsx("span", { className: "min-w-0 text-xs text-foreground-subtle", children: resolvedTitle }),
       description ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -153,7 +153,7 @@ const NoDataFound = ({
     "div",
     {
       ...liveRegionProps,
-      className: twMerge(
+      className: mergeClasses(
         classNames(
           "relative flex w-full flex-col items-center justify-center overflow-hidden text-center @container",
           sizeClasses.root

package/dist/components/UI/NoDataFound/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/UI/NoDataFound/index.tsx"],"sourcesContent":["import { isValidElement, memo } from 'react';\nimport classNames from 'classnames';\nimport { useTranslation } from 'react-i18next';\nimport { twMerge } from 'tailwind-merge';\n\nimport ControlledButton from '../../Form/ControlledButton';\nimport { MaterialSymbol, SymbolCodepoints } from '../MaterialSymbol';\n\nimport {\n  NO_DATA_FOUND_SIZES,\n  NO_DATA_FOUND_TONES,\n  NO_DATA_FOUND_VARIANTS,\n  TNoDataFoundSize,\n  TNoDataFoundTone,\n  TNoDataFoundVariant,\n} from './noDataFoundPresets';\n\nexport type { TNoDataFoundSize, TNoDataFoundTone, TNoDataFoundVariant } from './noDataFoundPresets';\n\nexport interface INoDataFoundAction {\n  label: string;\n  onClick: () => void;\n  icon?: SymbolCodepoints;\n  disabled?: boolean;\n}\n\ntype TNoDataFoundActionProp = INoDataFoundAction | React.ReactNode;\n\nexport interface INoDataFoundProps {\n  variant?: TNoDataFoundVariant;\n  size?: TNoDataFoundSize;\n  tone?: TNoDataFoundTone;\n  title?: string;\n  /** Alias of `title`, kept because most call sites already speak this name. */\n  message?: string;\n  description?: string;\n  icon?: SymbolCodepoints;\n  illustration?: React.ReactNode;\n  action?: TNoDataFoundActionProp;\n  secondaryAction?: TNoDataFoundActionProp;\n  /** Sugar for `size=\"inline\"`: a single row for dropdowns, list slots and dense panels. */\n  compact?: boolean;\n  children?: React.ReactNode;\n  className?: string;\n  /** Turn off the live region when the host already announces the state itself. */\n  announce?: boolean;\n}\n\ntype TToneClasses = (typeof NO_DATA_FOUND_TONES)[TNoDataFoundTone];\ntype TSizeClasses = (typeof NO_DATA_FOUND_SIZES)[Exclude<TNoDataFoundSize, 'inline'>];\n\nconst isActionConfig = (action: TNoDataFoundActionProp): action is INoDataFoundAction =>\n  typeof action === 'object' && action !== null && !isValidElement(action) && 'label' in action;\n\ninterface INoDataFoundVisualProps {\n  icon: SymbolCodepoints;\n  toneClasses: TToneClasses;\n  sizeClasses: TSizeClasses;\n}\n\nconst NoDataFoundVisual: React.FC<INoDataFoundVisualProps> = ({ icon, toneClasses, sizeClasses }) => (\n  <span\n    aria-hidden\n    className={classNames(\n      'relative flex shrink-0 animate-state-reveal items-center justify-center motion-reduce:animate-state-fade',\n      sizeClasses.visual,\n    )}\n  >\n    <span\n      className={classNames(\n        'absolute inset-0 m-auto animate-state-breathe rounded-full blur-2xl motion-reduce:animate-none motion-reduce:opacity-60',\n        toneClasses.aura,\n        sizeClasses.aura,\n      )}\n    />\n    <span\n      className={classNames(\n        'absolute inset-0 m-auto animate-state-halo rounded-full border motion-reduce:hidden',\n        toneClasses.halo,\n        sizeClasses.halo,\n      )}\n    />\n    <span\n      className={classNames(\n        'absolute inset-0 m-auto animate-state-halo rounded-full border [animation-delay:1.5s] motion-reduce:hidden',\n        toneClasses.halo,\n        sizeClasses.halo,\n      )}\n    />\n\n    <span\n      className={classNames(\n        'relative flex animate-state-float items-center justify-center border bg-gradient-to-br shadow-elevation3 glass-tint motion-reduce:animate-none',\n        toneClasses.tile,\n        sizeClasses.tile,\n      )}\n    >\n      <MaterialSymbol icon={icon} weight={300} className={toneClasses.icon} />\n    </span>\n\n    <span\n      className={classNames(\n        'absolute right-[6%] top-[18%] size-1.5 animate-state-drift rounded-full motion-reduce:animate-none',\n        toneClasses.accent,\n      )}\n    />\n    <span\n      className={classNames(\n        'absolute bottom-[16%] left-[9%] size-1 animate-state-drift rounded-full [animation-delay:2.5s] motion-reduce:animate-none',\n        toneClasses.accent,\n      )}\n    />\n    <span\n      className={classNames(\n        'absolute left-[24%] top-[4%] size-1 animate-state-drift rounded-full [animation-delay:5s] motion-reduce:animate-none',\n        toneClasses.accent,\n      )}\n    />\n  </span>\n);\n\nconst NoDataFoundActionButton: React.FC<{ action: INoDataFoundAction; isPrimary: boolean }> = ({\n  action,\n  isPrimary,\n}) => (\n  <ControlledButton\n    size=\"sm\"\n    variant={isPrimary ? 'filled' : 'text'}\n    tone={isPrimary ? 'brand' : 'neutral'}\n    disabled={action.disabled}\n    onClick={action.onClick}\n    className={classNames(\n      'flex items-center gap-x-1.5 px-3.5 text-xs transition-interactive duration-base',\n      isPrimary\n        ? 'shadow-md shadow-brand/20 hover:-translate-y-px hover:shadow-lg hover:shadow-brand/25'\n        : 'text-foreground-muted hover:bg-muted-hover',\n    )}\n  >\n    {action.icon ? <MaterialSymbol icon={action.icon} size={16} aria-hidden /> : null}\n    <span>{action.label}</span>\n  </ControlledButton>\n);\n\nconst renderAction = (action: TNoDataFoundActionProp, isPrimary: boolean): React.ReactNode => {\n  if (!action) return null;\n  if (isActionConfig(action)) return <NoDataFoundActionButton action={action} isPrimary={isPrimary} />;\n\n  return action;\n};\n\nconst NoDataFound: React.FC<INoDataFoundProps> = ({\n  variant = 'empty',\n  size = 'md',\n  tone,\n  title,\n  message,\n  description,\n  icon,\n  illustration,\n  action,\n  secondaryAction,\n  compact = false,\n  children,\n  className,\n  announce = true,\n}) => {\n  const { t } = useTranslation('ui');\n\n  const preset = NO_DATA_FOUND_VARIANTS[variant] ?? NO_DATA_FOUND_VARIANTS.empty;\n  const toneClasses = NO_DATA_FOUND_TONES[tone ?? preset.tone] ?? NO_DATA_FOUND_TONES.neutral;\n  const resolvedIcon = icon ?? preset.icon;\n  const resolvedTitle = title ?? message ?? t(preset.titleKey);\n  const liveRegionProps = announce ? { role: 'status', 'aria-live': 'polite' as const } : {};\n\n  const primaryAction = renderAction(action, true);\n  const supportAction = renderAction(secondaryAction, false);\n\n  if (compact || size === 'inline') {\n    return (\n      <div {...liveRegionProps} className={twMerge('flex w-full items-center gap-x-1.5 text-left', className)}>\n        <MaterialSymbol icon={resolvedIcon} size={16} className={classNames('shrink-0', toneClasses.icon)} />\n        <span className=\"min-w-0 text-xs text-foreground-subtle\">{resolvedTitle}</span>\n\n        {description ? (\n          <>\n            <span aria-hidden className=\"size-1 shrink-0 rounded-full bg-border-emphasis\" />\n            <span className=\"min-w-0 truncate text-xs text-foreground-faint\">{description}</span>\n          </>\n        ) : null}\n\n        {primaryAction ? <span className=\"ml-auto shrink-0\">{primaryAction}</span> : null}\n      </div>\n    );\n  }\n\n  const sizeClasses = NO_DATA_FOUND_SIZES[size] ?? NO_DATA_FOUND_SIZES.md;\n\n  return (\n    <div\n      {...liveRegionProps}\n      className={twMerge(\n        classNames(\n          'relative flex w-full flex-col items-center justify-center overflow-hidden text-center @container',\n          sizeClasses.root,\n        ),\n        className,\n      )}\n    >\n      {sizeClasses.hasTexture ? (\n        <span\n          aria-hidden\n          className=\"pointer-events-none absolute inset-0 [mask-image:radial-gradient(60%_55%_at_50%_35%,black,transparent)]\"\n        >\n          <span className=\"absolute inset-0 bg-[radial-gradient(circle,rgba(148,163,184,0.3)_1px,transparent_1px)] [background-size:1.25rem_1.25rem]\" />\n        </span>\n      ) : null}\n\n      {illustration ?? <NoDataFoundVisual icon={resolvedIcon} toneClasses={toneClasses} sizeClasses={sizeClasses} />}\n\n      <p\n        className={classNames(\n          'relative animate-state-rise font-semibold tracking-[-0.01em] text-foreground [animation-delay:80ms] motion-reduce:animate-state-fade',\n          sizeClasses.titleClass,\n        )}\n      >\n        {resolvedTitle}\n      </p>\n\n      {description ? (\n        <p\n          className={classNames(\n            'relative animate-state-rise text-balance leading-relaxed text-foreground-subtle [animation-delay:140ms] motion-reduce:animate-state-fade',\n            sizeClasses.descriptionClass,\n          )}\n        >\n          {description}\n        </p>\n      ) : null}\n\n      {children ? (\n        <div className=\"relative w-full animate-state-rise [animation-delay:180ms] motion-reduce:animate-state-fade\">\n          {children}\n        </div>\n      ) : null}\n\n      {primaryAction || supportAction ? (\n        <div\n          className={classNames(\n            'relative flex animate-state-rise flex-wrap items-center justify-center gap-2 [animation-delay:220ms] motion-reduce:animate-state-fade',\n            sizeClasses.actions,\n          )}\n        >\n          {primaryAction}\n          {supportAction}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default memo(NoDataFound);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/UI/NoDataFound/index.tsx"],"sourcesContent":["import { isValidElement, memo } from 'react';\nimport classNames from 'classnames';\nimport { useTranslation } from 'react-i18next';\n\nimport { mergeClasses } from '@/helpers/mergeClasses';\n\nimport ControlledButton from '../../Form/ControlledButton';\nimport { MaterialSymbol, SymbolCodepoints } from '../MaterialSymbol';\n\nimport {\n  NO_DATA_FOUND_SIZES,\n  NO_DATA_FOUND_TONES,\n  NO_DATA_FOUND_VARIANTS,\n  TNoDataFoundSize,\n  TNoDataFoundTone,\n  TNoDataFoundVariant,\n} from './noDataFoundPresets';\n\nexport type { TNoDataFoundSize, TNoDataFoundTone, TNoDataFoundVariant } from './noDataFoundPresets';\n\nexport interface INoDataFoundAction {\n  label: string;\n  onClick: () => void;\n  icon?: SymbolCodepoints;\n  disabled?: boolean;\n}\n\ntype TNoDataFoundActionProp = INoDataFoundAction | React.ReactNode;\n\nexport interface INoDataFoundProps {\n  variant?: TNoDataFoundVariant;\n  size?: TNoDataFoundSize;\n  tone?: TNoDataFoundTone;\n  title?: string;\n  /** Alias of `title`, kept because most call sites already speak this name. */\n  message?: string;\n  description?: string;\n  icon?: SymbolCodepoints;\n  illustration?: React.ReactNode;\n  action?: TNoDataFoundActionProp;\n  secondaryAction?: TNoDataFoundActionProp;\n  /** Sugar for `size=\"inline\"`: a single row for dropdowns, list slots and dense panels. */\n  compact?: boolean;\n  children?: React.ReactNode;\n  className?: string;\n  /** Turn off the live region when the host already announces the state itself. */\n  announce?: boolean;\n}\n\ntype TToneClasses = (typeof NO_DATA_FOUND_TONES)[TNoDataFoundTone];\ntype TSizeClasses = (typeof NO_DATA_FOUND_SIZES)[Exclude<TNoDataFoundSize, 'inline'>];\n\nconst isActionConfig = (action: TNoDataFoundActionProp): action is INoDataFoundAction =>\n  typeof action === 'object' && action !== null && !isValidElement(action) && 'label' in action;\n\ninterface INoDataFoundVisualProps {\n  icon: SymbolCodepoints;\n  toneClasses: TToneClasses;\n  sizeClasses: TSizeClasses;\n}\n\nconst NoDataFoundVisual: React.FC<INoDataFoundVisualProps> = ({ icon, toneClasses, sizeClasses }) => (\n  <span\n    aria-hidden\n    className={classNames(\n      'relative flex shrink-0 animate-state-reveal items-center justify-center motion-reduce:animate-state-fade',\n      sizeClasses.visual,\n    )}\n  >\n    <span\n      className={classNames(\n        'absolute inset-0 m-auto animate-state-breathe rounded-full blur-2xl motion-reduce:animate-none motion-reduce:opacity-60',\n        toneClasses.aura,\n        sizeClasses.aura,\n      )}\n    />\n    <span\n      className={classNames(\n        'absolute inset-0 m-auto animate-state-halo rounded-full border motion-reduce:hidden',\n        toneClasses.halo,\n        sizeClasses.halo,\n      )}\n    />\n    <span\n      className={classNames(\n        'absolute inset-0 m-auto animate-state-halo rounded-full border [animation-delay:1.5s] motion-reduce:hidden',\n        toneClasses.halo,\n        sizeClasses.halo,\n      )}\n    />\n\n    <span\n      className={classNames(\n        'relative flex animate-state-float items-center justify-center border bg-gradient-to-br shadow-elevation3 glass-tint motion-reduce:animate-none',\n        toneClasses.tile,\n        sizeClasses.tile,\n      )}\n    >\n      <MaterialSymbol icon={icon} weight={300} className={toneClasses.icon} />\n    </span>\n\n    <span\n      className={classNames(\n        'absolute right-[6%] top-[18%] size-1.5 animate-state-drift rounded-full motion-reduce:animate-none',\n        toneClasses.accent,\n      )}\n    />\n    <span\n      className={classNames(\n        'absolute bottom-[16%] left-[9%] size-1 animate-state-drift rounded-full [animation-delay:2.5s] motion-reduce:animate-none',\n        toneClasses.accent,\n      )}\n    />\n    <span\n      className={classNames(\n        'absolute left-[24%] top-[4%] size-1 animate-state-drift rounded-full [animation-delay:5s] motion-reduce:animate-none',\n        toneClasses.accent,\n      )}\n    />\n  </span>\n);\n\nconst NoDataFoundActionButton: React.FC<{ action: INoDataFoundAction; isPrimary: boolean }> = ({\n  action,\n  isPrimary,\n}) => (\n  <ControlledButton\n    size=\"sm\"\n    variant={isPrimary ? 'filled' : 'text'}\n    tone={isPrimary ? 'brand' : 'neutral'}\n    disabled={action.disabled}\n    onClick={action.onClick}\n    className={classNames(\n      'flex items-center gap-x-1.5 px-3.5 text-xs transition-interactive duration-base',\n      isPrimary\n        ? 'shadow-md shadow-brand/20 hover:-translate-y-px hover:shadow-lg hover:shadow-brand/25'\n        : 'text-foreground-muted hover:bg-muted-hover',\n    )}\n  >\n    {action.icon ? <MaterialSymbol icon={action.icon} size={16} aria-hidden /> : null}\n    <span>{action.label}</span>\n  </ControlledButton>\n);\n\nconst renderAction = (action: TNoDataFoundActionProp, isPrimary: boolean): React.ReactNode => {\n  if (!action) return null;\n  if (isActionConfig(action)) return <NoDataFoundActionButton action={action} isPrimary={isPrimary} />;\n\n  return action;\n};\n\nconst NoDataFound: React.FC<INoDataFoundProps> = ({\n  variant = 'empty',\n  size = 'md',\n  tone,\n  title,\n  message,\n  description,\n  icon,\n  illustration,\n  action,\n  secondaryAction,\n  compact = false,\n  children,\n  className,\n  announce = true,\n}) => {\n  const { t } = useTranslation('ui');\n\n  const preset = NO_DATA_FOUND_VARIANTS[variant] ?? NO_DATA_FOUND_VARIANTS.empty;\n  const toneClasses = NO_DATA_FOUND_TONES[tone ?? preset.tone] ?? NO_DATA_FOUND_TONES.neutral;\n  const resolvedIcon = icon ?? preset.icon;\n  const resolvedTitle = title ?? message ?? t(preset.titleKey);\n  const liveRegionProps = announce ? { role: 'status', 'aria-live': 'polite' as const } : {};\n\n  const primaryAction = renderAction(action, true);\n  const supportAction = renderAction(secondaryAction, false);\n\n  if (compact || size === 'inline') {\n    return (\n      <div {...liveRegionProps} className={mergeClasses('flex w-full items-center gap-x-1.5 text-left', className)}>\n        <MaterialSymbol icon={resolvedIcon} size={16} className={classNames('shrink-0', toneClasses.icon)} />\n        <span className=\"min-w-0 text-xs text-foreground-subtle\">{resolvedTitle}</span>\n\n        {description ? (\n          <>\n            <span aria-hidden className=\"size-1 shrink-0 rounded-full bg-border-emphasis\" />\n            <span className=\"min-w-0 truncate text-xs text-foreground-faint\">{description}</span>\n          </>\n        ) : null}\n\n        {primaryAction ? <span className=\"ml-auto shrink-0\">{primaryAction}</span> : null}\n      </div>\n    );\n  }\n\n  const sizeClasses = NO_DATA_FOUND_SIZES[size] ?? NO_DATA_FOUND_SIZES.md;\n\n  return (\n    <div\n      {...liveRegionProps}\n      className={mergeClasses(\n        classNames(\n          'relative flex w-full flex-col items-center justify-center overflow-hidden text-center @container',\n          sizeClasses.root,\n        ),\n        className,\n      )}\n    >\n      {sizeClasses.hasTexture ? (\n        <span\n          aria-hidden\n          className=\"pointer-events-none absolute inset-0 [mask-image:radial-gradient(60%_55%_at_50%_35%,black,transparent)]\"\n        >\n          <span className=\"absolute inset-0 bg-[radial-gradient(circle,rgba(148,163,184,0.3)_1px,transparent_1px)] [background-size:1.25rem_1.25rem]\" />\n        </span>\n      ) : null}\n\n      {illustration ?? <NoDataFoundVisual icon={resolvedIcon} toneClasses={toneClasses} sizeClasses={sizeClasses} />}\n\n      <p\n        className={classNames(\n          'relative animate-state-rise font-semibold tracking-[-0.01em] text-foreground [animation-delay:80ms] motion-reduce:animate-state-fade',\n          sizeClasses.titleClass,\n        )}\n      >\n        {resolvedTitle}\n      </p>\n\n      {description ? (\n        <p\n          className={classNames(\n            'relative animate-state-rise text-balance leading-relaxed text-foreground-subtle [animation-delay:140ms] motion-reduce:animate-state-fade',\n            sizeClasses.descriptionClass,\n          )}\n        >\n          {description}\n        </p>\n      ) : null}\n\n      {children ? (\n        <div className=\"relative w-full animate-state-rise [animation-delay:180ms] motion-reduce:animate-state-fade\">\n          {children}\n        </div>\n      ) : null}\n\n      {primaryAction || supportAction ? (\n        <div\n          className={classNames(\n            'relative flex animate-state-rise flex-wrap items-center justify-center gap-2 [animation-delay:220ms] motion-reduce:animate-state-fade',\n            sizeClasses.actions,\n          )}\n        >\n          {primaryAction}\n          {supportAction}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default memo(NoDataFound);\n"],"names":[],"mappings":"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"}

package/dist/components/UI/RichTextContent.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import classNames from "classnames";
-import { twMerge } from "tailwind-merge";
+import { mergeClasses } from "../../helpers/mergeClasses.js";
 import { sanitizeRichText } from "../../helpers/richText.js";
 const RICH_TEXT_CONTENT_CLASS = classNames(
   "break-words text-sm leading-relaxed",
@@ -13,12 +13,12 @@ const RICH_TEXT_CONTENT_CLASS = classNames(
 );
 const RichTextContent = ({ html, className, plainText = false }) => {
   if (plainText) {
-    return /* @__PURE__ */ jsx("div", { className: twMerge(RICH_TEXT_CONTENT_CLASS, "whitespace-pre-line", className), children: html });
+    return /* @__PURE__ */ jsx("div", { className: mergeClasses(RICH_TEXT_CONTENT_CLASS, "whitespace-pre-line", className), children: html });
   }
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: twMerge(RICH_TEXT_CONTENT_CLASS, className),
+      className: mergeClasses(RICH_TEXT_CONTENT_CLASS, className),
       dangerouslySetInnerHTML: { __html: sanitizeRichText(html) }
     }
   );

package/dist/components/UI/RichTextContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextContent.js","sources":["../../../src/components/UI/RichTextContent.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { twMerge } from 'tailwind-merge';\n\nimport { sanitizeRichText } from '@/helpers/richText';\n\ninterface IRichTextContentProps {\n  html?: string;\n  className?: string;\n  /**\n   * Reads the value as legacy plain text: real line breaks, no markup. Opt in per surface with\n   * `isPlainTextBody`, never by default: a body whose only markup is a `<user>` mention would\n   * otherwise render its tags as visible text.\n   */\n  plainText?: boolean;\n}\n\n/** The typography of a rich text body, shared by every surface that renders one. */\nexport const RICH_TEXT_CONTENT_CLASS = classNames(\n  'break-words text-sm leading-relaxed',\n  '[&_a]:text-brand-emphasis [&_a]:underline',\n  '[&_a.rt-file]:text-foreground-muted [&_a.rt-file]:no-underline',\n  '[&_a.rt-image-link]:no-underline',\n  '[&_ol]:ml-4 [&_ol]:list-decimal [&_ul]:ml-4 [&_ul]:list-disc',\n  '[&_blockquote]:border-l-2 [&_blockquote]:border-brand-border [&_blockquote]:pl-3 [&_blockquote]:italic [&_blockquote]:text-foreground-subtle',\n  '[&_user]:whitespace-nowrap [&_user]:rounded [&_user]:bg-brand-soft [&_user]:px-1 [&_user]:font-medium [&_user]:text-brand-emphasis',\n);\n\nconst RichTextContent: React.FC<IRichTextContentProps> = ({ html, className, plainText = false }) => {\n  if (plainText) {\n    return <div className={twMerge(RICH_TEXT_CONTENT_CLASS, 'whitespace-pre-line', className)}>{html}</div>;\n  }\n\n  return (\n    <div\n      className={twMerge(RICH_TEXT_CONTENT_CLASS, className)}\n      dangerouslySetInnerHTML={{ __html: sanitizeRichText(html) }}\n    />\n  );\n};\n\nexport default RichTextContent;\n"],"names":[],"mappings":";;;;AAiBO,MAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,kBAAmD,CAAC,EAAE,MAAM,WAAW,YAAY,YAAY;AACnG,MAAI,WAAW;AACb,WAAO,oBAAC,SAAI,WAAW,QAAQ,yBAAyB,uBAAuB,SAAS,GAAI,UAAA,KAAA,CAAK;AAAA,EACnG;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,QAAQ,yBAAyB,SAAS;AAAA,MACrD,yBAAyB,EAAE,QAAQ,iBAAiB,IAAI,EAAA;AAAA,IAAE;AAAA,EAAA;AAGhE;"}
+{"version":3,"file":"RichTextContent.js","sources":["../../../src/components/UI/RichTextContent.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { mergeClasses } from '@/helpers/mergeClasses';\nimport { sanitizeRichText } from '@/helpers/richText';\n\ninterface IRichTextContentProps {\n  html?: string;\n  className?: string;\n  /**\n   * Reads the value as legacy plain text: real line breaks, no markup. Opt in per surface with\n   * `isPlainTextBody`, never by default: a body whose only markup is a `<user>` mention would\n   * otherwise render its tags as visible text.\n   */\n  plainText?: boolean;\n}\n\n/** The typography of a rich text body, shared by every surface that renders one. */\nexport const RICH_TEXT_CONTENT_CLASS = classNames(\n  'break-words text-sm leading-relaxed',\n  '[&_a]:text-brand-emphasis [&_a]:underline',\n  '[&_a.rt-file]:text-foreground-muted [&_a.rt-file]:no-underline',\n  '[&_a.rt-image-link]:no-underline',\n  '[&_ol]:ml-4 [&_ol]:list-decimal [&_ul]:ml-4 [&_ul]:list-disc',\n  '[&_blockquote]:border-l-2 [&_blockquote]:border-brand-border [&_blockquote]:pl-3 [&_blockquote]:italic [&_blockquote]:text-foreground-subtle',\n  '[&_user]:whitespace-nowrap [&_user]:rounded [&_user]:bg-brand-soft [&_user]:px-1 [&_user]:font-medium [&_user]:text-brand-emphasis',\n);\n\nconst RichTextContent: React.FC<IRichTextContentProps> = ({ html, className, plainText = false }) => {\n  if (plainText) {\n    return <div className={mergeClasses(RICH_TEXT_CONTENT_CLASS, 'whitespace-pre-line', className)}>{html}</div>;\n  }\n\n  return (\n    <div\n      className={mergeClasses(RICH_TEXT_CONTENT_CLASS, className)}\n      dangerouslySetInnerHTML={{ __html: sanitizeRichText(html) }}\n    />\n  );\n};\n\nexport default RichTextContent;\n"],"names":[],"mappings":";;;;AAiBO,MAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,kBAAmD,CAAC,EAAE,MAAM,WAAW,YAAY,YAAY;AACnG,MAAI,WAAW;AACb,WAAO,oBAAC,SAAI,WAAW,aAAa,yBAAyB,uBAAuB,SAAS,GAAI,UAAA,KAAA,CAAK;AAAA,EACxG;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,aAAa,yBAAyB,SAAS;AAAA,MAC1D,yBAAyB,EAAE,QAAQ,iBAAiB,IAAI,EAAA;AAAA,IAAE;AAAA,EAAA;AAGhE;"}

package/dist/components/UI/ThreeDots.js

@@ -1,17 +1,21 @@
 import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
 import ControlledMenu from "./ControlledMenu.js";
 import { MaterialSymbol } from "./MaterialSymbol/index.js";
-const ThreeDots = ({ children, items, tooltip, placement, className }) => /* @__PURE__ */ jsx(
-  ControlledMenu,
-  {
-    trigger: /* @__PURE__ */ jsx(MaterialSymbol, { icon: "more_vert", size: 16 }),
-    items,
-    triggerTooltip: tooltip,
-    placement,
-    listClassName: className,
-    children
-  }
-);
+const ThreeDots = ({ children, items, tooltip, placement, className }) => {
+  const { t } = useTranslation("ui");
+  return /* @__PURE__ */ jsx(
+    ControlledMenu,
+    {
+      trigger: /* @__PURE__ */ jsx(MaterialSymbol, { icon: "more_vert", size: 16, "aria-label": tooltip ?? t("actions.moreOptions") }),
+      items,
+      triggerTooltip: tooltip,
+      placement,
+      listClassName: className,
+      children
+    }
+  );
+};
 export {
   ThreeDots as default
 };

package/dist/components/UI/ThreeDots.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreeDots.js","sources":["../../../src/components/UI/ThreeDots.tsx"],"sourcesContent":["import React from 'react';\n\nimport ControlledMenu, { IControlledMenuItem, TMenuPlacement } from '@/components/UI/ControlledMenu';\n\nimport { MaterialSymbol } from './MaterialSymbol';\n\ninterface IThreeDotsProps {\n  children?: React.ReactNode;\n  items?: Array<IControlledMenuItem>;\n  tooltip?: string;\n  placement?: TMenuPlacement;\n  className?: string;\n}\n\nconst ThreeDots: React.FC<IThreeDotsProps> = ({ children, items, tooltip, placement, className }) => (\n  <ControlledMenu\n    trigger={<MaterialSymbol icon=\"more_vert\" size={16} />}\n    items={items}\n    triggerTooltip={tooltip}\n    placement={placement}\n    listClassName={className}\n  >\n    {children}\n  </ControlledMenu>\n);\n\nexport default ThreeDots;\n"],"names":[],"mappings":";;;AAcA,MAAM,YAAuC,CAAC,EAAE,UAAU,OAAO,SAAS,WAAW,gBACnF;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS,oBAAC,gBAAA,EAAe,MAAK,aAAY,MAAM,IAAI;AAAA,IACpD;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA,eAAe;AAAA,IAEd;AAAA,EAAA;AACH;"}
+{"version":3,"file":"ThreeDots.js","sources":["../../../src/components/UI/ThreeDots.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport ControlledMenu, { IControlledMenuItem, TMenuPlacement } from '@/components/UI/ControlledMenu';\n\nimport { MaterialSymbol } from './MaterialSymbol';\n\ninterface IThreeDotsProps {\n  children?: React.ReactNode;\n  items?: Array<IControlledMenuItem>;\n  tooltip?: string;\n  placement?: TMenuPlacement;\n  className?: string;\n}\n\nconst ThreeDots: React.FC<IThreeDotsProps> = ({ children, items, tooltip, placement, className }) => {\n  const { t } = useTranslation('ui');\n\n  return (\n    <ControlledMenu\n      trigger={<MaterialSymbol icon=\"more_vert\" size={16} aria-label={tooltip ?? t('actions.moreOptions')} />}\n      items={items}\n      triggerTooltip={tooltip}\n      placement={placement}\n      listClassName={className}\n    >\n      {children}\n    </ControlledMenu>\n  );\n};\n\nexport default ThreeDots;\n"],"names":[],"mappings":";;;;AAeA,MAAM,YAAuC,CAAC,EAAE,UAAU,OAAO,SAAS,WAAW,gBAAgB;AACnG,QAAM,EAAE,EAAA,IAAM,eAAe,IAAI;AAEjC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,oBAAC,gBAAA,EAAe,MAAK,aAAY,MAAM,IAAI,cAAY,WAAW,EAAE,qBAAqB,EAAA,CAAG;AAAA,MACrG;AAAA,MACA,gBAAgB;AAAA,MAChB;AAAA,MACA,eAAe;AAAA,MAEd;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/helpers/mergeClasses.d.ts

@@ -1,6 +1,10 @@
 /**
- * tailwind-merge only knows the stock scale, so `text-xxs` (our extra step) is read as a text
- * COLOR and is silently dropped whenever a tone class follows it in the same merge. Registering
- * the step keeps size and colour in different groups.
+ * tailwind-merge only knows Tailwind's stock scales, and what it does not know it misfiles:
+ * `text-xxs` reads as a text COLOR and is dropped as soon as a tone follows it, `shadow-elevation1`
+ * reads as a shadow colour and survives the `shadow-none` meant to replace it, `duration-fast`
+ * and `animate-state-rise` read as foreign classes and never conflict with anything.
+ *
+ * Every class string in this library merges through here (ESLint enforces it), and the values
+ * below are the ones `tailwind.preset.js` adds; test/mergeClasses.test.ts fails when they drift.
  */
 export declare const mergeClasses: (...classLists: import('tailwind-merge').ClassNameValue[]) => string;

package/dist/helpers/mergeClasses.js

@@ -1,8 +1,30 @@
 import { extendTailwindMerge } from "tailwind-merge";
 const mergeClasses = extendTailwindMerge({
   extend: {
+    theme: {
+      text: ["xxs"],
+      shadow: ["elevation1", "elevation2", "elevation3", "elevation4", "focus"],
+      ease: ["enter", "exit", "standard"],
+      animate: [
+        "fade-in-up",
+        "fade-in",
+        "ai-orbit",
+        "ai-bob",
+        "ai-sweep",
+        "ai-step",
+        "pop-in",
+        "state-fade",
+        "state-rise",
+        "state-reveal",
+        "state-float",
+        "state-breathe",
+        "state-halo",
+        "state-drift"
+      ]
+    },
     classGroups: {
-      "font-size": [{ text: ["xxs"] }]
+      duration: [{ duration: ["instant", "fast", "base", "slow", "highlight"] }],
+      transition: [{ transition: ["interactive"] }]
     }
   }
 });

package/dist/helpers/mergeClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"mergeClasses.js","sources":["../../src/helpers/mergeClasses.ts"],"sourcesContent":["import { extendTailwindMerge } from 'tailwind-merge';\n\n/**\n * tailwind-merge only knows the stock scale, so `text-xxs` (our extra step) is read as a text\n * COLOR and is silently dropped whenever a tone class follows it in the same merge. Registering\n * the step keeps size and colour in different groups.\n */\nexport const mergeClasses = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      'font-size': [{ text: ['xxs'] }],\n    },\n  },\n});\n"],"names":[],"mappings":";AAOO,MAAM,eAAe,oBAAoB;AAAA,EAC9C,QAAQ;AAAA,IACN,aAAa;AAAA,MACX,aAAa,CAAC,EAAE,MAAM,CAAC,KAAK,GAAG;AAAA,IAAA;AAAA,EACjC;AAEJ,CAAC;"}
+{"version":3,"file":"mergeClasses.js","sources":["../../src/helpers/mergeClasses.ts"],"sourcesContent":["import { extendTailwindMerge } from 'tailwind-merge';\n\n/**\n * tailwind-merge only knows Tailwind's stock scales, and what it does not know it misfiles:\n * `text-xxs` reads as a text COLOR and is dropped as soon as a tone follows it, `shadow-elevation1`\n * reads as a shadow colour and survives the `shadow-none` meant to replace it, `duration-fast`\n * and `animate-state-rise` read as foreign classes and never conflict with anything.\n *\n * Every class string in this library merges through here (ESLint enforces it), and the values\n * below are the ones `tailwind.preset.js` adds; test/mergeClasses.test.ts fails when they drift.\n */\nexport const mergeClasses = extendTailwindMerge({\n  extend: {\n    theme: {\n      text: ['xxs'],\n      shadow: ['elevation1', 'elevation2', 'elevation3', 'elevation4', 'focus'],\n      ease: ['enter', 'exit', 'standard'],\n      animate: [\n        'fade-in-up',\n        'fade-in',\n        'ai-orbit',\n        'ai-bob',\n        'ai-sweep',\n        'ai-step',\n        'pop-in',\n        'state-fade',\n        'state-rise',\n        'state-reveal',\n        'state-float',\n        'state-breathe',\n        'state-halo',\n        'state-drift',\n      ],\n    },\n    classGroups: {\n      duration: [{ duration: ['instant', 'fast', 'base', 'slow', 'highlight'] }],\n      transition: [{ transition: ['interactive'] }],\n    },\n  },\n});\n"],"names":[],"mappings":";AAWO,MAAM,eAAe,oBAAoB;AAAA,EAC9C,QAAQ;AAAA,IACN,OAAO;AAAA,MACL,MAAM,CAAC,KAAK;AAAA,MACZ,QAAQ,CAAC,cAAc,cAAc,cAAc,cAAc,OAAO;AAAA,MACxE,MAAM,CAAC,SAAS,QAAQ,UAAU;AAAA,MAClC,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,aAAa;AAAA,MACX,UAAU,CAAC,EAAE,UAAU,CAAC,WAAW,QAAQ,QAAQ,QAAQ,WAAW,GAAG;AAAA,MACzE,YAAY,CAAC,EAAE,YAAY,CAAC,aAAa,GAAG;AAAA,IAAA;AAAA,EAC9C;AAEJ,CAAC;"}

package/dist/hooks/useVoiceTranscription.js

@@ -1,9 +1,12 @@
-import { useState, useRef, useCallback, useEffect } from "react";
+import { useState, useRef, useSyncExternalStore, useCallback, useEffect } from "react";
 import { uiLogger } from "../helpers/uiLogger.js";
 const getRecognitionCtor = () => {
   const w = window;
   return w.SpeechRecognition ?? w.webkitSpeechRecognition ?? null;
 };
+const subscribeToNothing = () => () => void 0;
+const isRecognitionAvailable = () => getRecognitionCtor() !== null;
+const isUnavailableOnServer = () => false;
 const VOICE_COMMANDS = [
   { key: "comma", phrases: ["vírgula", "virgula", "comma"], insert: ", " },
   { key: "period", phrases: ["ponto", "ponto final", "period"], insert: ". " },
@@ -86,7 +89,7 @@ const useVoiceTranscription = ({
   const onInterimRef = useRef(onInterim);
   onCommitRef.current = onCommit;
   onInterimRef.current = onInterim;
-  const isSupported = getRecognitionCtor() !== null;
+  const isSupported = useSyncExternalStore(subscribeToNothing, isRecognitionAvailable, isUnavailableOnServer);
   const stop = useCallback(() => {
     wantsListeningRef.current = false;
     recognitionRef.current?.stop();

package/dist/hooks/useVoiceTranscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVoiceTranscription.js","sources":["../../src/hooks/useVoiceTranscription.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { uiLogger } from '@/helpers/uiLogger';\n\ninterface ISpeechRecognitionAlternative {\n  transcript: string;\n}\n\ninterface ISpeechRecognitionResult {\n  0: ISpeechRecognitionAlternative;\n  isFinal: boolean;\n}\n\ninterface ISpeechRecognitionEvent {\n  resultIndex: number;\n  results: { length: number; [index: number]: ISpeechRecognitionResult };\n}\n\ninterface ISpeechRecognition {\n  lang: string;\n  continuous: boolean;\n  interimResults: boolean;\n  start: () => void;\n  stop: () => void;\n  abort: () => void;\n  onresult: ((event: ISpeechRecognitionEvent) => void) | null;\n  onerror: ((event: { error: string }) => void) | null;\n  onend: (() => void) | null;\n}\n\ntype TSpeechRecognitionCtor = new () => ISpeechRecognition;\n\nconst getRecognitionCtor = (): TSpeechRecognitionCtor | null => {\n  const w = window as unknown as {\n    SpeechRecognition?: TSpeechRecognitionCtor;\n    webkitSpeechRecognition?: TSpeechRecognitionCtor;\n  };\n  return w.SpeechRecognition ?? w.webkitSpeechRecognition ?? null;\n};\n\nexport type TVoiceCommandKey = 'comma' | 'period' | 'newline' | 'space' | 'question' | 'exclamation' | 'deleteWord';\n\ninterface IVoiceCommand {\n  key: TVoiceCommandKey;\n  phrases: Array<string>;\n  insert?: string;\n  action?: 'deleteWord';\n}\n\n// Spoken keywords matched against the user's speech. They must stay as literal\n// recognition tokens (not UI strings), so the i18n check is disabled here.\n/* eslint-disable i18n-check/no-portuguese-strings */\nexport const VOICE_COMMANDS: Array<IVoiceCommand> = [\n  { key: 'comma', phrases: ['vírgula', 'virgula', 'comma'], insert: ', ' },\n  { key: 'period', phrases: ['ponto', 'ponto final', 'period'], insert: '. ' },\n  { key: 'newline', phrases: ['nova linha', 'quebra de linha', 'parágrafo', 'paragrafo', 'new line'], insert: '\\n' },\n  { key: 'space', phrases: ['espaço', 'espaco', 'space'], insert: ' ' },\n  {\n    key: 'question',\n    phrases: ['interrogação', 'interrogacao', 'ponto de interrogação', 'question mark'],\n    insert: '? ',\n  },\n  {\n    key: 'exclamation',\n    phrases: ['exclamação', 'exclamacao', 'ponto de exclamação', 'exclamation mark'],\n    insert: '! ',\n  },\n  { key: 'deleteWord', phrases: ['apagar', 'apaga', 'apagar palavra', 'delete'], action: 'deleteWord' },\n];\n/* eslint-enable i18n-check/no-portuguese-strings */\n\nconst PHRASE_TO_COMMAND = new Map<string, IVoiceCommand>();\nfor (const command of VOICE_COMMANDS) {\n  for (const phrase of command.phrases) PHRASE_TO_COMMAND.set(phrase, command);\n}\n\nconst normalize = (value: string): string =>\n  value\n    .trim()\n    .toLowerCase()\n    .replace(/[.,!?;:]+$/, '');\n\nexport interface IVoiceTranscriptionUpdate {\n  insert: string;\n  deleteWords: number;\n}\n\nconst buildUpdateFromTranscript = (transcript: string): IVoiceTranscriptionUpdate => {\n  const words = transcript.trim().split(/\\s+/).filter(Boolean);\n  let insert = '';\n  let deleteWords = 0;\n\n  for (const word of words) {\n    const command = PHRASE_TO_COMMAND.get(normalize(word));\n    if (command?.action === 'deleteWord') {\n      deleteWords += 1;\n      insert = '';\n      continue;\n    }\n    if (command?.insert !== undefined) {\n      insert = insert.replace(/\\s+$/, '') + command.insert;\n      continue;\n    }\n    insert += (insert && !insert.endsWith(' ') && !insert.endsWith('\\n') ? ' ' : '') + word;\n  }\n\n  return { insert, deleteWords };\n};\n\nconst appendTranscriptText = (current: string, addition: string): string => {\n  if (!addition) return current;\n  const needsSpace = current.length > 0 && !/\\s$/.test(current) && !/^[\\s.,!?]/.test(addition);\n  return current + (needsSpace ? ' ' : '') + addition;\n};\n\nexport const applyVoiceUpdate = (current: string, update: IVoiceTranscriptionUpdate): string => {\n  let next = current;\n  for (let wordIndex = 0; wordIndex < update.deleteWords; wordIndex += 1) {\n    next = next.replace(/\\s*\\S+\\s*$/, '');\n  }\n  return appendTranscriptText(next, update.insert);\n};\n\nexport const appendInterimTranscript = (committed: string, interim: string): string =>\n  appendTranscriptText(committed, interim);\n\nexport type TVoiceTranscriptionError = 'permission' | 'microphone' | 'network' | 'unavailable';\n\nconst RECOGNITION_ERROR_TO_VOICE_ERROR: Record<string, TVoiceTranscriptionError> = {\n  'not-allowed': 'permission',\n  'service-not-allowed': 'permission',\n  'audio-capture': 'microphone',\n  network: 'network',\n  'language-not-supported': 'unavailable',\n  'bad-grammar': 'unavailable',\n};\n\nconst MAX_SILENT_RESTARTS = 2;\n\ninterface IUseVoiceTranscriptionParams {\n  lang?: string;\n  onCommit: (update: IVoiceTranscriptionUpdate) => void;\n  onInterim?: (text: string) => void;\n}\n\ninterface IUseVoiceTranscriptionResult {\n  isSupported: boolean;\n  isListening: boolean;\n  error: TVoiceTranscriptionError | null;\n  toggle: () => void;\n  stop: () => void;\n}\n\nconst detachRecognition = (recognition: ISpeechRecognition) => {\n  recognition.onresult = null;\n  recognition.onerror = null;\n  recognition.onend = null;\n};\n\nexport const useVoiceTranscription = ({\n  lang = 'pt-BR',\n  onCommit,\n  onInterim,\n}: IUseVoiceTranscriptionParams): IUseVoiceTranscriptionResult => {\n  const [isListening, setIsListening] = useState(false);\n  const [error, setError] = useState<TVoiceTranscriptionError | null>(null);\n  const recognitionRef = useRef<ISpeechRecognition | null>(null);\n  const wantsListeningRef = useRef(false);\n  const silentRestartCountRef = useRef(0);\n  const onCommitRef = useRef(onCommit);\n  const onInterimRef = useRef(onInterim);\n\n  onCommitRef.current = onCommit;\n  onInterimRef.current = onInterim;\n\n  const isSupported = getRecognitionCtor() !== null;\n\n  const stop = useCallback(() => {\n    wantsListeningRef.current = false;\n    recognitionRef.current?.stop();\n  }, []);\n\n  const startSession = useCallback((): boolean => {\n    const Ctor = getRecognitionCtor();\n    if (!Ctor) return false;\n\n    const recognition = new Ctor();\n    recognition.lang = lang;\n    recognition.continuous = true;\n    recognition.interimResults = true;\n\n    let sessionHeardSpeech = false;\n    let sessionEndedByError = false;\n\n    recognition.onresult = (event) => {\n      if (recognitionRef.current !== recognition) return;\n      sessionHeardSpeech = true;\n      let interim = '';\n      for (let resultIndex = event.resultIndex; resultIndex < event.results.length; resultIndex += 1) {\n        const result = event.results[resultIndex];\n        const transcript = result?.[0]?.transcript ?? '';\n        if (result?.isFinal) {\n          onCommitRef.current(buildUpdateFromTranscript(transcript));\n        } else {\n          interim += transcript;\n        }\n      }\n      onInterimRef.current?.(interim.trim());\n    };\n\n    recognition.onerror = (event) => {\n      if (recognitionRef.current !== recognition) return;\n      if (event.error === 'no-speech') return;\n      sessionEndedByError = true;\n      if (event.error === 'aborted') return;\n      uiLogger.warn('[useVoiceTranscription] error', event.error);\n      setError(RECOGNITION_ERROR_TO_VOICE_ERROR[event.error] ?? 'unavailable');\n    };\n\n    recognition.onend = () => {\n      if (recognitionRef.current !== recognition) return;\n      onInterimRef.current?.('');\n      silentRestartCountRef.current = sessionHeardSpeech ? 0 : silentRestartCountRef.current + 1;\n      const shouldResume =\n        wantsListeningRef.current && !sessionEndedByError && silentRestartCountRef.current <= MAX_SILENT_RESTARTS;\n      if (shouldResume && startSession()) return;\n      wantsListeningRef.current = false;\n      recognitionRef.current = null;\n      setIsListening(false);\n    };\n\n    recognitionRef.current = recognition;\n    try {\n      recognition.start();\n      return true;\n    } catch (startError) {\n      uiLogger.warn('[useVoiceTranscription] start failed', startError);\n      detachRecognition(recognition);\n      recognitionRef.current = null;\n      setError('unavailable');\n      return false;\n    }\n  }, [lang]);\n\n  const start = useCallback(() => {\n    setError(null);\n    silentRestartCountRef.current = 0;\n    wantsListeningRef.current = true;\n    if (startSession()) {\n      setIsListening(true);\n      return;\n    }\n    wantsListeningRef.current = false;\n  }, [startSession]);\n\n  const toggle = useCallback(() => {\n    if (isListening) stop();\n    else start();\n  }, [isListening, start, stop]);\n\n  useEffect(\n    () => () => {\n      wantsListeningRef.current = false;\n      const recognition = recognitionRef.current;\n      if (!recognition) return;\n      detachRecognition(recognition);\n      recognitionRef.current = null;\n      recognition.abort();\n    },\n    [],\n  );\n\n  return { isSupported, isListening, error, toggle, stop };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useVoiceTranscription.js","sources":["../../src/hooks/useVoiceTranscription.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, useSyncExternalStore } from 'react';\n\nimport { uiLogger } from '@/helpers/uiLogger';\n\ninterface ISpeechRecognitionAlternative {\n  transcript: string;\n}\n\ninterface ISpeechRecognitionResult {\n  0: ISpeechRecognitionAlternative;\n  isFinal: boolean;\n}\n\ninterface ISpeechRecognitionEvent {\n  resultIndex: number;\n  results: { length: number; [index: number]: ISpeechRecognitionResult };\n}\n\ninterface ISpeechRecognition {\n  lang: string;\n  continuous: boolean;\n  interimResults: boolean;\n  start: () => void;\n  stop: () => void;\n  abort: () => void;\n  onresult: ((event: ISpeechRecognitionEvent) => void) | null;\n  onerror: ((event: { error: string }) => void) | null;\n  onend: (() => void) | null;\n}\n\ntype TSpeechRecognitionCtor = new () => ISpeechRecognition;\n\nconst getRecognitionCtor = (): TSpeechRecognitionCtor | null => {\n  const w = window as unknown as {\n    SpeechRecognition?: TSpeechRecognitionCtor;\n    webkitSpeechRecognition?: TSpeechRecognitionCtor;\n  };\n  return w.SpeechRecognition ?? w.webkitSpeechRecognition ?? null;\n};\n\n/* The API never appears or goes away while a page is open, so there is nothing to subscribe to.\n   The store exists for the server answer: `window` is not there, and the first client render has\n   to agree with it for hydration to hold. */\nconst subscribeToNothing = () => () => undefined;\nconst isRecognitionAvailable = () => getRecognitionCtor() !== null;\nconst isUnavailableOnServer = () => false;\n\nexport type TVoiceCommandKey = 'comma' | 'period' | 'newline' | 'space' | 'question' | 'exclamation' | 'deleteWord';\n\ninterface IVoiceCommand {\n  key: TVoiceCommandKey;\n  phrases: Array<string>;\n  insert?: string;\n  action?: 'deleteWord';\n}\n\n// Spoken keywords matched against the user's speech. They must stay as literal\n// recognition tokens (not UI strings), so the i18n check is disabled here.\n/* eslint-disable i18n-check/no-portuguese-strings */\nexport const VOICE_COMMANDS: Array<IVoiceCommand> = [\n  { key: 'comma', phrases: ['vírgula', 'virgula', 'comma'], insert: ', ' },\n  { key: 'period', phrases: ['ponto', 'ponto final', 'period'], insert: '. ' },\n  { key: 'newline', phrases: ['nova linha', 'quebra de linha', 'parágrafo', 'paragrafo', 'new line'], insert: '\\n' },\n  { key: 'space', phrases: ['espaço', 'espaco', 'space'], insert: ' ' },\n  {\n    key: 'question',\n    phrases: ['interrogação', 'interrogacao', 'ponto de interrogação', 'question mark'],\n    insert: '? ',\n  },\n  {\n    key: 'exclamation',\n    phrases: ['exclamação', 'exclamacao', 'ponto de exclamação', 'exclamation mark'],\n    insert: '! ',\n  },\n  { key: 'deleteWord', phrases: ['apagar', 'apaga', 'apagar palavra', 'delete'], action: 'deleteWord' },\n];\n/* eslint-enable i18n-check/no-portuguese-strings */\n\nconst PHRASE_TO_COMMAND = new Map<string, IVoiceCommand>();\nfor (const command of VOICE_COMMANDS) {\n  for (const phrase of command.phrases) PHRASE_TO_COMMAND.set(phrase, command);\n}\n\nconst normalize = (value: string): string =>\n  value\n    .trim()\n    .toLowerCase()\n    .replace(/[.,!?;:]+$/, '');\n\nexport interface IVoiceTranscriptionUpdate {\n  insert: string;\n  deleteWords: number;\n}\n\nconst buildUpdateFromTranscript = (transcript: string): IVoiceTranscriptionUpdate => {\n  const words = transcript.trim().split(/\\s+/).filter(Boolean);\n  let insert = '';\n  let deleteWords = 0;\n\n  for (const word of words) {\n    const command = PHRASE_TO_COMMAND.get(normalize(word));\n    if (command?.action === 'deleteWord') {\n      deleteWords += 1;\n      insert = '';\n      continue;\n    }\n    if (command?.insert !== undefined) {\n      insert = insert.replace(/\\s+$/, '') + command.insert;\n      continue;\n    }\n    insert += (insert && !insert.endsWith(' ') && !insert.endsWith('\\n') ? ' ' : '') + word;\n  }\n\n  return { insert, deleteWords };\n};\n\nconst appendTranscriptText = (current: string, addition: string): string => {\n  if (!addition) return current;\n  const needsSpace = current.length > 0 && !/\\s$/.test(current) && !/^[\\s.,!?]/.test(addition);\n  return current + (needsSpace ? ' ' : '') + addition;\n};\n\nexport const applyVoiceUpdate = (current: string, update: IVoiceTranscriptionUpdate): string => {\n  let next = current;\n  for (let wordIndex = 0; wordIndex < update.deleteWords; wordIndex += 1) {\n    next = next.replace(/\\s*\\S+\\s*$/, '');\n  }\n  return appendTranscriptText(next, update.insert);\n};\n\nexport const appendInterimTranscript = (committed: string, interim: string): string =>\n  appendTranscriptText(committed, interim);\n\nexport type TVoiceTranscriptionError = 'permission' | 'microphone' | 'network' | 'unavailable';\n\nconst RECOGNITION_ERROR_TO_VOICE_ERROR: Record<string, TVoiceTranscriptionError> = {\n  'not-allowed': 'permission',\n  'service-not-allowed': 'permission',\n  'audio-capture': 'microphone',\n  network: 'network',\n  'language-not-supported': 'unavailable',\n  'bad-grammar': 'unavailable',\n};\n\nconst MAX_SILENT_RESTARTS = 2;\n\ninterface IUseVoiceTranscriptionParams {\n  lang?: string;\n  onCommit: (update: IVoiceTranscriptionUpdate) => void;\n  onInterim?: (text: string) => void;\n}\n\ninterface IUseVoiceTranscriptionResult {\n  isSupported: boolean;\n  isListening: boolean;\n  error: TVoiceTranscriptionError | null;\n  toggle: () => void;\n  stop: () => void;\n}\n\nconst detachRecognition = (recognition: ISpeechRecognition) => {\n  recognition.onresult = null;\n  recognition.onerror = null;\n  recognition.onend = null;\n};\n\nexport const useVoiceTranscription = ({\n  lang = 'pt-BR',\n  onCommit,\n  onInterim,\n}: IUseVoiceTranscriptionParams): IUseVoiceTranscriptionResult => {\n  const [isListening, setIsListening] = useState(false);\n  const [error, setError] = useState<TVoiceTranscriptionError | null>(null);\n  const recognitionRef = useRef<ISpeechRecognition | null>(null);\n  const wantsListeningRef = useRef(false);\n  const silentRestartCountRef = useRef(0);\n  const onCommitRef = useRef(onCommit);\n  const onInterimRef = useRef(onInterim);\n\n  onCommitRef.current = onCommit;\n  onInterimRef.current = onInterim;\n\n  const isSupported = useSyncExternalStore(subscribeToNothing, isRecognitionAvailable, isUnavailableOnServer);\n\n  const stop = useCallback(() => {\n    wantsListeningRef.current = false;\n    recognitionRef.current?.stop();\n  }, []);\n\n  const startSession = useCallback((): boolean => {\n    const Ctor = getRecognitionCtor();\n    if (!Ctor) return false;\n\n    const recognition = new Ctor();\n    recognition.lang = lang;\n    recognition.continuous = true;\n    recognition.interimResults = true;\n\n    let sessionHeardSpeech = false;\n    let sessionEndedByError = false;\n\n    recognition.onresult = (event) => {\n      if (recognitionRef.current !== recognition) return;\n      sessionHeardSpeech = true;\n      let interim = '';\n      for (let resultIndex = event.resultIndex; resultIndex < event.results.length; resultIndex += 1) {\n        const result = event.results[resultIndex];\n        const transcript = result?.[0]?.transcript ?? '';\n        if (result?.isFinal) {\n          onCommitRef.current(buildUpdateFromTranscript(transcript));\n        } else {\n          interim += transcript;\n        }\n      }\n      onInterimRef.current?.(interim.trim());\n    };\n\n    recognition.onerror = (event) => {\n      if (recognitionRef.current !== recognition) return;\n      if (event.error === 'no-speech') return;\n      sessionEndedByError = true;\n      if (event.error === 'aborted') return;\n      uiLogger.warn('[useVoiceTranscription] error', event.error);\n      setError(RECOGNITION_ERROR_TO_VOICE_ERROR[event.error] ?? 'unavailable');\n    };\n\n    recognition.onend = () => {\n      if (recognitionRef.current !== recognition) return;\n      onInterimRef.current?.('');\n      silentRestartCountRef.current = sessionHeardSpeech ? 0 : silentRestartCountRef.current + 1;\n      const shouldResume =\n        wantsListeningRef.current && !sessionEndedByError && silentRestartCountRef.current <= MAX_SILENT_RESTARTS;\n      if (shouldResume && startSession()) return;\n      wantsListeningRef.current = false;\n      recognitionRef.current = null;\n      setIsListening(false);\n    };\n\n    recognitionRef.current = recognition;\n    try {\n      recognition.start();\n      return true;\n    } catch (startError) {\n      uiLogger.warn('[useVoiceTranscription] start failed', startError);\n      detachRecognition(recognition);\n      recognitionRef.current = null;\n      setError('unavailable');\n      return false;\n    }\n  }, [lang]);\n\n  const start = useCallback(() => {\n    setError(null);\n    silentRestartCountRef.current = 0;\n    wantsListeningRef.current = true;\n    if (startSession()) {\n      setIsListening(true);\n      return;\n    }\n    wantsListeningRef.current = false;\n  }, [startSession]);\n\n  const toggle = useCallback(() => {\n    if (isListening) stop();\n    else start();\n  }, [isListening, start, stop]);\n\n  useEffect(\n    () => () => {\n      wantsListeningRef.current = false;\n      const recognition = recognitionRef.current;\n      if (!recognition) return;\n      detachRecognition(recognition);\n      recognitionRef.current = null;\n      recognition.abort();\n    },\n    [],\n  );\n\n  return { isSupported, isListening, error, toggle, stop };\n};\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export { default as ControlledSwitch } from './components/Form/ControlledSwitch'
 export { default as ControlledTabs } from './components/Form/ControlledTabs';
 export { default as ControlledTextarea } from './components/Form/ControlledTextarea';
 export { default as ControlledViewToggle } from './components/Form/ControlledViewToggle';
+export { default as FieldLabel } from './components/Form/FieldLabel';
 export { default as ControlledBreadcrumb } from './components/Navigation/ControlledBreadcrumb';
 export { default as ErrorPage } from './components/Navigation/ErrorPage';
 export { default as LinkButton } from './components/Navigation/LinkButton';
@@ -45,6 +46,7 @@ export { default as SkeletonLoading } from './components/UI/SkeletonLoading';
 export { default as UserMenu } from './components/UI/UserMenu';
 export * from './helpers/composeRefs';
 export * from './helpers/layeredSurfaces';
+export * from './helpers/mergeClasses';
 export * from './helpers/themeSkins';
 export * from './helpers/themeTokens';
 export * from './helpers/uiLogger';