@gyramais/gyra-design 0.2.38 → 0.2.40

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

@@ -8,6 +8,9 @@ type RuleSearchItem = {
     icon?: React.ReactNode;
     /** Tag opcional à direita (ex.: "custom"). */
     tag?: string | React.ReactNode;
+    /** Texto completo do item, revelado em tooltip no hover/focus. Útil quando
+        `label`/`sublabel` truncam. */
+    tooltip?: string;
     disabled?: boolean;
 };
 type RuleSearchSection = {

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/balance-sheet-finalized/components/Tooltip/Tooltip.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "./index.css";
-type TooltipProps = {
+declare const Tooltip: React.ForwardRefExoticComponent<{
     id?: string;
     className?: string;
     align?: "start" | "center" | "end";
@@ -11,6 +11,5 @@ type TooltipProps = {
     width?: string | number;
     delayDuration?: number;
     children?: React.ReactNode;
-};
-declare const Tooltip: ({ id, className, align, side, sideOffset, visible, content, width, delayDuration, children, }: TooltipProps) => React.JSX.Element;
+} & Omit<React.HTMLAttributes<HTMLElement>, "children" | "id" | "content"> & React.RefAttributes<HTMLButtonElement>>;
 export { Tooltip };

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

@@ -8,6 +8,9 @@ type RuleSearchItem = {
     icon?: React.ReactNode;
     /** Tag opcional à direita (ex.: "custom"). */
     tag?: string | React.ReactNode;
+    /** Texto completo do item, revelado em tooltip no hover/focus. Útil quando
+        `label`/`sublabel` truncam. */
+    tooltip?: string;
     disabled?: boolean;
 };
 type RuleSearchSection = {

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/dist/emails/email/components/Tooltip/Tooltip.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "./index.css";
-type TooltipProps = {
+declare const Tooltip: React.ForwardRefExoticComponent<{
     id?: string;
     className?: string;
     align?: "start" | "center" | "end";
@@ -11,6 +11,5 @@ type TooltipProps = {
     width?: string | number;
     delayDuration?: number;
     children?: React.ReactNode;
-};
-declare const Tooltip: ({ id, className, align, side, sideOffset, visible, content, width, delayDuration, children, }: TooltipProps) => React.JSX.Element;
+} & Omit<React.HTMLAttributes<HTMLElement>, "children" | "id" | "content"> & React.RefAttributes<HTMLButtonElement>>;
 export { Tooltip };

package/package.json

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