@gyramais/gyra-design 0.2.39 → 0.2.40

package/dist/components/SegmentedToggle/SegmentedToggle.d.ts

@@ -12,14 +12,23 @@ type SegmentedToggleOption<T extends string> = {
 type SegmentedToggleProps<T extends string> = {
     id?: string;
     className?: string;
-    value: T;
+    /** Opcional: quando nao casa nenhuma opcao (ou undefined), nenhum segmento
+        fica ativo — o estado "nenhum selecionado" (usado com allowDeselect). */
+    value?: T;
     options: Array<SegmentedToggleOption<T>>;
     onChange?: (value: T) => void;
+    /** GYR-1446 — quando true, clicar no segmento JA ativo o desmarca e dispara
+        onDeselect() (estado "nenhum selecionado"). Default false: comportamento
+        atual preservado (clicar o ativo e' no-op). */
+    allowDeselect?: boolean;
+    /** Chamado quando allowDeselect=true e o usuario clica no segmento ativo,
+        colapsando a selecao. So dispara nesse caminho. */
+    onDeselect?: () => void;
     /** Tamanho do toggle. Default "md". */
     size?: "sm" | "md";
     /** Label invisível pra screen readers (a11y). */
     ariaLabel?: string;
 };
-declare function SegmentedToggle<T extends string>({ id, className, value, options, onChange, size, ariaLabel, }: SegmentedToggleProps<T>): React.JSX.Element;
+declare function SegmentedToggle<T extends string>({ id, className, value, options, onChange, allowDeselect, onDeselect, size, ariaLabel, }: SegmentedToggleProps<T>): React.JSX.Element;
 export { SegmentedToggle };
 export type { SegmentedToggleOption, SegmentedToggleProps };

package/dist/components/SegmentedToggle/index.js

@@ -3,5 +3,5 @@
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/a=r,function(){var e={}.hasOwnProperty;function t(){for(var e="",t=0;t<arguments.length;t++){var a=arguments[t];a&&(e=n(e,r(a)))}return e}function r(a){if("string"==typeof a||"number"==typeof a)return a;if("object"!=typeof a)return"";if(Array.isArray(a))return t.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var r="";for(var o in a)e.call(a,o)&&a[o]&&(r=n(r,o));return r}function n(e,t){return t?e?e+" "+t:e+t:e}a.exports?(t.default=t,a.exports=t):window.classNames=t}();var n=t(r.exports);function o({id:t,className:a,value:r,options:o,onChange:l,size:i="md",ariaLabel:s}){return e.createElement("div",{id:t,role:"tablist","aria-label":s,className:n("gyramais-segmented-toggle",`gyramais-segmented-toggle-${i}`,a)},o.map(t=>{const a=t.value===r,o=t.kind??"primary";return e.createElement("button",{key:t.value,type:"button",role:"tab","aria-selected":a,disabled:t.disabled,className:n("gyramais-segmented-toggle-btn",`gyramais-segmented-toggle-kind-${o}`,a&&"is-on"),onClick:()=>!t.disabled&&t.value!==r&&l?.(t.value)},t.icon&&e.createElement("span",{className:"gyramais-segmented-toggle-icon"},t.icon),e.createElement("span",{className:"gyramais-segmented-toggle-label"},t.label))}))}export{o as SegmentedToggle};
+*/a=r,function(){var e={}.hasOwnProperty;function t(){for(var e="",t=0;t<arguments.length;t++){var a=arguments[t];a&&(e=n(e,r(a)))}return e}function r(a){if("string"==typeof a||"number"==typeof a)return a;if("object"!=typeof a)return"";if(Array.isArray(a))return t.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var r="";for(var l in a)e.call(a,l)&&a[l]&&(r=n(r,l));return r}function n(e,t){return t?e?e+" "+t:e+t:e}a.exports?(t.default=t,a.exports=t):window.classNames=t}();var n=t(r.exports);function l({id:t,className:a,value:r,options:l,onChange:o,allowDeselect:i=!1,onDeselect:s,size:c="md",ariaLabel:g}){return e.createElement("div",{id:t,role:"tablist","aria-label":g,className:n("gyramais-segmented-toggle",`gyramais-segmented-toggle-${c}`,a)},l.map(t=>{const a=t.value===r,l=t.kind??"primary";return e.createElement("button",{key:t.value,type:"button",role:"tab","aria-selected":a,disabled:t.disabled,className:n("gyramais-segmented-toggle-btn",`gyramais-segmented-toggle-kind-${l}`,a&&"is-on"),onClick:()=>{if(t.disabled)return;t.value===r?i&&s?.():o?.(t.value)}},t.icon&&e.createElement("span",{className:"gyramais-segmented-toggle-icon"},t.icon),e.createElement("span",{className:"gyramais-segmented-toggle-label"},t.label))}))}export{l as SegmentedToggle};
 //# sourceMappingURL=index.js.map

package/dist/components/SegmentedToggle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../node_modules/classnames/index.js","../../../src/components/SegmentedToggle/SegmentedToggle.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport \"./index.css\";\n\n/* SegmentedToggle — 3-segmentos sempre visíveis (iPhone-style), com variants\n   de cor por opção (success / warning / danger / info / neutral / primary).\n   Diferente do SegmentedPicker, que é um trigger de dropdown e mostra só a\n   opção ativa. Usado, por exemplo, no verdict global da seção de Condições. */\n\ntype Kind = \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\" | \"neutral\";\n\ntype SegmentedToggleOption<T extends string> = {\n  value: T;\n  label: string;\n  icon?: React.ReactNode;\n  /** Cor aplicada quando a opção está ativa. */\n  kind?: Kind;\n  disabled?: boolean;\n};\n\ntype SegmentedToggleProps<T extends string> = {\n  id?: string;\n  className?: string;\n  value: T;\n  options: Array<SegmentedToggleOption<T>>;\n  onChange?: (value: T) => void;\n  /** Tamanho do toggle. Default \"md\". */\n  size?: \"sm\" | \"md\";\n  /** Label invisível pra screen readers (a11y). */\n  ariaLabel?: string;\n};\n\nfunction SegmentedToggle<T extends string>({\n  id,\n  className,\n  value,\n  options,\n  onChange,\n  size = \"md\",\n  ariaLabel,\n}: SegmentedToggleProps<T>) {\n  return (\n    <div\n      id={id}\n      role=\"tablist\"\n      aria-label={ariaLabel}\n      className={classNames(\n        \"gyramais-segmented-toggle\",\n        `gyramais-segmented-toggle-${size}`,\n        className,\n      )}\n    >\n      {options.map((opt) => {\n        const on = opt.value === value;\n        const kind: Kind = opt.kind ?? \"primary\";\n        return (\n          <button\n            key={opt.value}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={on}\n            disabled={opt.disabled}\n            className={classNames(\n              \"gyramais-segmented-toggle-btn\",\n              `gyramais-segmented-toggle-kind-${kind}`,\n              on && \"is-on\",\n            )}\n            onClick={() => !opt.disabled && opt.value !== value && onChange?.(opt.value)}\n          >\n            {opt.icon && (\n              <span className=\"gyramais-segmented-toggle-icon\">{opt.icon}</span>\n            )}\n            <span className=\"gyramais-segmented-toggle-label\">{opt.label}</span>\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\nexport { SegmentedToggle };\nexport type { SegmentedToggleOption, SegmentedToggleProps };\n"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","SegmentedToggle","id","className","options","onChange","size","ariaLabel","React","createElement","role","map","opt","on","kind","type","disabled","onClick","icon","label"],"mappings":";;;;;MAOC,WAGA,IAAIA,EAAS,CAAA,EAAGC,eAEhB,SAASC,IAGR,IAFA,IAAIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,UAAUD,GAChBG,IACHJ,EAAUK,EAAYL,EAASM,EAAWF,IAE9C,CAEE,OAAOJ,CACT,CAEC,SAASM,EAAYF,GACpB,GAAmB,iBAARA,GAAmC,iBAARA,EACrC,OAAOA,EAGR,GAAmB,iBAARA,EACV,MAAO,GAGR,GAAIG,MAAMC,QAAQJ,GACjB,OAAOL,EAAWU,MAAM,KAAML,GAG/B,GAAIA,EAAIM,WAAaC,OAAOC,UAAUF,WAAaN,EAAIM,SAASA,WAAWG,SAAS,iBACnF,OAAOT,EAAIM,WAGZ,IAAIV,EAAU,GAEd,IAAK,IAAIc,KAAOV,EACXP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,KAChCd,EAAUK,EAAYL,EAASc,IAIjC,OAAOd,CACT,CAEC,SAASK,EAAaW,EAAOC,GAC5B,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAOC,SAC3CpB,EAAWqB,QAAUrB,EACrBmB,UAAiBnB,GAOjBsB,OAAOtB,WAAaA,CAEtB,CArEA,sBCyBA,SAASuB,GAAkCC,GACzCA,EAAEC,UACFA,EAASR,MACTA,EAAKS,QACLA,EAAOC,SACPA,EAAQC,KACRA,EAAO,KAAIC,UACXA,IAEA,OACEC,EAAAC,cAAA,MAAA,CACEP,GAAIA,EACJQ,KAAK,UAAS,aACFH,EACZJ,UAAWzB,EACT,4BACA,6BAA6B4B,IAC7BH,IAGDC,EAAQO,IAAKC,IACZ,MAAMC,EAAKD,EAAIjB,QAAUA,EACnBmB,EAAaF,EAAIE,MAAQ,UAC/B,OACEN,EAAAC,cAAA,SAAA,CACEhB,IAAKmB,EAAIjB,MACToB,KAAK,SACLL,KAAK,MAAK,gBACKG,EACfG,SAAUJ,EAAII,SACdb,UAAWzB,EACT,gCACA,kCAAkCoC,IAClCD,GAAM,SAERI,QAAS,KAAOL,EAAII,UAAYJ,EAAIjB,QAAUA,GAASU,IAAWO,EAAIjB,QAErEiB,EAAIM,MACHV,EAAAC,cAAA,OAAA,CAAMN,UAAU,kCAAkCS,EAAIM,MAExDV,EAAAC,cAAA,OAAA,CAAMN,UAAU,mCAAmCS,EAAIO,UAMnE","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../../node_modules/classnames/index.js","../../../src/components/SegmentedToggle/SegmentedToggle.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport \"./index.css\";\n\n/* SegmentedToggle — 3-segmentos sempre visíveis (iPhone-style), com variants\n   de cor por opção (success / warning / danger / info / neutral / primary).\n   Diferente do SegmentedPicker, que é um trigger de dropdown e mostra só a\n   opção ativa. Usado, por exemplo, no verdict global da seção de Condições. */\n\ntype Kind = \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\" | \"neutral\";\n\ntype SegmentedToggleOption<T extends string> = {\n  value: T;\n  label: string;\n  icon?: React.ReactNode;\n  /** Cor aplicada quando a opção está ativa. */\n  kind?: Kind;\n  disabled?: boolean;\n};\n\ntype SegmentedToggleProps<T extends string> = {\n  id?: string;\n  className?: string;\n  /** Opcional: quando nao casa nenhuma opcao (ou undefined), nenhum segmento\n      fica ativo — o estado \"nenhum selecionado\" (usado com allowDeselect). */\n  value?: T;\n  options: Array<SegmentedToggleOption<T>>;\n  onChange?: (value: T) => void;\n  /** GYR-1446 — quando true, clicar no segmento JA ativo o desmarca e dispara\n      onDeselect() (estado \"nenhum selecionado\"). Default false: comportamento\n      atual preservado (clicar o ativo e' no-op). */\n  allowDeselect?: boolean;\n  /** Chamado quando allowDeselect=true e o usuario clica no segmento ativo,\n      colapsando a selecao. So dispara nesse caminho. */\n  onDeselect?: () => void;\n  /** Tamanho do toggle. Default \"md\". */\n  size?: \"sm\" | \"md\";\n  /** Label invisível pra screen readers (a11y). */\n  ariaLabel?: string;\n};\n\nfunction SegmentedToggle<T extends string>({\n  id,\n  className,\n  value,\n  options,\n  onChange,\n  allowDeselect = false,\n  onDeselect,\n  size = \"md\",\n  ariaLabel,\n}: SegmentedToggleProps<T>) {\n  return (\n    <div\n      id={id}\n      role=\"tablist\"\n      aria-label={ariaLabel}\n      className={classNames(\n        \"gyramais-segmented-toggle\",\n        `gyramais-segmented-toggle-${size}`,\n        className,\n      )}\n    >\n      {options.map((opt) => {\n        const on = opt.value === value;\n        const kind: Kind = opt.kind ?? \"primary\";\n        return (\n          <button\n            key={opt.value}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={on}\n            disabled={opt.disabled}\n            className={classNames(\n              \"gyramais-segmented-toggle-btn\",\n              `gyramais-segmented-toggle-kind-${kind}`,\n              on && \"is-on\",\n            )}\n            onClick={() => {\n              if (opt.disabled) return;\n              const isOn = opt.value === value;\n              if (isOn) {\n                // Sem allowDeselect: re-clicar o ativo continua sendo no-op\n                // (comportamento historico, preservado para os consumidores\n                // que nao passam a prop).\n                if (allowDeselect) onDeselect?.();\n              } else {\n                onChange?.(opt.value);\n              }\n            }}\n          >\n            {opt.icon && (\n              <span className=\"gyramais-segmented-toggle-icon\">{opt.icon}</span>\n            )}\n            <span className=\"gyramais-segmented-toggle-label\">{opt.label}</span>\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\nexport { SegmentedToggle };\nexport type { SegmentedToggleOption, SegmentedToggleProps };\n"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","SegmentedToggle","id","className","options","onChange","allowDeselect","onDeselect","size","ariaLabel","React","createElement","role","map","opt","on","kind","type","disabled","onClick","icon","label"],"mappings":";;;;;MAOC,WAGA,IAAIA,EAAS,CAAA,EAAGC,eAEhB,SAASC,IAGR,IAFA,IAAIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,UAAUD,GAChBG,IACHJ,EAAUK,EAAYL,EAASM,EAAWF,IAE9C,CAEE,OAAOJ,CACT,CAEC,SAASM,EAAYF,GACpB,GAAmB,iBAARA,GAAmC,iBAARA,EACrC,OAAOA,EAGR,GAAmB,iBAARA,EACV,MAAO,GAGR,GAAIG,MAAMC,QAAQJ,GACjB,OAAOL,EAAWU,MAAM,KAAML,GAG/B,GAAIA,EAAIM,WAAaC,OAAOC,UAAUF,WAAaN,EAAIM,SAASA,WAAWG,SAAS,iBACnF,OAAOT,EAAIM,WAGZ,IAAIV,EAAU,GAEd,IAAK,IAAIc,KAAOV,EACXP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,KAChCd,EAAUK,EAAYL,EAASc,IAIjC,OAAOd,CACT,CAEC,SAASK,EAAaW,EAAOC,GAC5B,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAOC,SAC3CpB,EAAWqB,QAAUrB,EACrBmB,UAAiBnB,GAOjBsB,OAAOtB,WAAaA,CAEtB,CArEA,sBCkCA,SAASuB,GAAkCC,GACzCA,EAAEC,UACFA,EAASR,MACTA,EAAKS,QACLA,EAAOC,SACPA,EAAQC,cACRA,GAAgB,EAAKC,WACrBA,EAAUC,KACVA,EAAO,KAAIC,UACXA,IAEA,OACEC,EAAAC,cAAA,MAAA,CACET,GAAIA,EACJU,KAAK,UAAS,aACFH,EACZN,UAAWzB,EACT,4BACA,6BAA6B8B,IAC7BL,IAGDC,EAAQS,IAAKC,IACZ,MAAMC,EAAKD,EAAInB,QAAUA,EACnBqB,EAAaF,EAAIE,MAAQ,UAC/B,OACEN,EAAAC,cAAA,SAAA,CACElB,IAAKqB,EAAInB,MACTsB,KAAK,SACLL,KAAK,sBACUG,EACfG,SAAUJ,EAAII,SACdf,UAAWzB,EACT,gCACA,kCAAkCsC,IAClCD,GAAM,SAERI,QAAS,KACP,GAAIL,EAAII,SAAU,OACLJ,EAAInB,QAAUA,EAKrBW,GAAeC,MAEnBF,IAAWS,EAAInB,SAIlBmB,EAAIM,MACHV,EAAAC,cAAA,OAAA,CAAMR,UAAU,kCAAkCW,EAAIM,MAExDV,EAAAC,cAAA,OAAA,CAAMR,UAAU,mCAAmCW,EAAIO,UAMnE","x_google_ignoreList":[0]}

package/dist/emails/balance-sheet-finalized/components/SegmentedToggle/SegmentedToggle.d.ts

@@ -12,14 +12,23 @@ type SegmentedToggleOption<T extends string> = {
 type SegmentedToggleProps<T extends string> = {
     id?: string;
     className?: string;
-    value: T;
+    /** Opcional: quando nao casa nenhuma opcao (ou undefined), nenhum segmento
+        fica ativo — o estado "nenhum selecionado" (usado com allowDeselect). */
+    value?: T;
     options: Array<SegmentedToggleOption<T>>;
     onChange?: (value: T) => void;
+    /** GYR-1446 — quando true, clicar no segmento JA ativo o desmarca e dispara
+        onDeselect() (estado "nenhum selecionado"). Default false: comportamento
+        atual preservado (clicar o ativo e' no-op). */
+    allowDeselect?: boolean;
+    /** Chamado quando allowDeselect=true e o usuario clica no segmento ativo,
+        colapsando a selecao. So dispara nesse caminho. */
+    onDeselect?: () => void;
     /** Tamanho do toggle. Default "md". */
     size?: "sm" | "md";
     /** Label invisível pra screen readers (a11y). */
     ariaLabel?: string;
 };
-declare function SegmentedToggle<T extends string>({ id, className, value, options, onChange, size, ariaLabel, }: SegmentedToggleProps<T>): React.JSX.Element;
+declare function SegmentedToggle<T extends string>({ id, className, value, options, onChange, allowDeselect, onDeselect, size, ariaLabel, }: SegmentedToggleProps<T>): React.JSX.Element;
 export { SegmentedToggle };
 export type { SegmentedToggleOption, SegmentedToggleProps };

package/dist/emails/email/components/SegmentedToggle/SegmentedToggle.d.ts

@@ -12,14 +12,23 @@ type SegmentedToggleOption<T extends string> = {
 type SegmentedToggleProps<T extends string> = {
     id?: string;
     className?: string;
-    value: T;
+    /** Opcional: quando nao casa nenhuma opcao (ou undefined), nenhum segmento
+        fica ativo — o estado "nenhum selecionado" (usado com allowDeselect). */
+    value?: T;
     options: Array<SegmentedToggleOption<T>>;
     onChange?: (value: T) => void;
+    /** GYR-1446 — quando true, clicar no segmento JA ativo o desmarca e dispara
+        onDeselect() (estado "nenhum selecionado"). Default false: comportamento
+        atual preservado (clicar o ativo e' no-op). */
+    allowDeselect?: boolean;
+    /** Chamado quando allowDeselect=true e o usuario clica no segmento ativo,
+        colapsando a selecao. So dispara nesse caminho. */
+    onDeselect?: () => void;
     /** Tamanho do toggle. Default "md". */
     size?: "sm" | "md";
     /** Label invisível pra screen readers (a11y). */
     ariaLabel?: string;
 };
-declare function SegmentedToggle<T extends string>({ id, className, value, options, onChange, size, ariaLabel, }: SegmentedToggleProps<T>): React.JSX.Element;
+declare function SegmentedToggle<T extends string>({ id, className, value, options, onChange, allowDeselect, onDeselect, size, ariaLabel, }: SegmentedToggleProps<T>): React.JSX.Element;
 export { SegmentedToggle };
 export type { SegmentedToggleOption, SegmentedToggleProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gyramais/gyra-design",
-  "version": "0.2.39",
+  "version": "0.2.40",
   "description": "Gyramais Design System",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",