bord-design-system 0.0.48 → 0.0.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,8 +4,11 @@ import './BordAssignUsersButton.scss';
4
4
  /**
5
5
  * Botón para asignar usuarios (p. ej. responsables de una cotización).
6
6
  * Al hacer click abre un dropdown de búsqueda para asignar o quitar usuarios.
7
- * Si ya hay asignados, muestra avatares apilados, conteo restante y tooltip con la lista completa.
8
- * La variante `inline` prescinde del cromado del botón para usarse dentro de celdas de tabla.
7
+ * Si ya hay asignados, muestra avatares apilados, conteo restante y tooltip con la lista completa
8
+ * (desactivable con `showAssignedUsersTooltip={false}` para envolver el componente con un tooltip propio).
9
+ * La variante `inline` prescinde del cromado del botón para usarse dentro de celdas de tabla:
10
+ * con responsables asignados agrega un chip "+" al final del stack de avatares, y sin responsables
11
+ * muestra ese mismo chip junto al label como afordancia de agregar.
9
12
  */
10
13
  declare const BordAssignUsersButton: FC<IBordAssignUsersButtonProps>;
11
14
  export default BordAssignUsersButton;
@@ -1 +1 @@
1
- {"version":3,"file":"BordAssignUsersButton.d.ts","sourceRoot":"","sources":["../../../src/components/BordAssignUsersButton/BordAssignUsersButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAO7D,OAAO,KAAK,EAAuB,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAEtG,OAAO,8BAA8B,CAAC;AAKtC;;;;;GAKG;AACH,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,2BAA2B,CA4H1D,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
1
+ {"version":3,"file":"BordAssignUsersButton.d.ts","sourceRoot":"","sources":["../../../src/components/BordAssignUsersButton/BordAssignUsersButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAO7D,OAAO,KAAK,EAAuB,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAEtG,OAAO,8BAA8B,CAAC;AAKtC;;;;;;;;GAQG;AACH,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,2BAA2B,CAyI1D,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
@@ -29,6 +29,12 @@ export interface IBordAssignUsersButtonProps {
29
29
  variant?: TBordAssignUsersVariant;
30
30
  /** Borde del trigger contra el que se alinea el dropdown. */
31
31
  dropdownAlign?: TBordAssignUsersDropdownAlign;
32
+ /** Muestra el tooltip nativo con la lista de asignados al hacer hover sobre el avatarStack. Default `true`. */
33
+ showAssignedUsersTooltip?: boolean;
34
+ /**
35
+ * Texto del trigger cuando no hay asignados. Se usa además como `aria-label` del botón en todos
36
+ * los estados, por lo que conviene que describa la acción y no solo el estado vacío.
37
+ */
32
38
  label?: string;
33
39
  searchPlaceholder?: string;
34
40
  assignLabel?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"BordAssignUsersButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordAssignUsersButton/BordAssignUsersButton.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1D,MAAM,MAAM,6BAA6B,GAAG,MAAM,GAAG,OAAO,CAAC;AAE7D,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,2BAA2B;IAC1C,yEAAyE;IACzE,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,iDAAiD;IACjD,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,6DAA6D;IAC7D,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,2GAA2G;IAC3G,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,6DAA6D;IAC7D,aAAa,CAAC,EAAE,6BAA6B,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
1
+ {"version":3,"file":"BordAssignUsersButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordAssignUsersButton/BordAssignUsersButton.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1D,MAAM,MAAM,6BAA6B,GAAG,MAAM,GAAG,OAAO,CAAC;AAE7D,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,2BAA2B;IAC1C,yEAAyE;IACzE,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,iDAAiD;IACjD,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,6DAA6D;IAC7D,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,2GAA2G;IAC3G,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,6DAA6D;IAC7D,aAAa,CAAC,EAAE,6BAA6B,CAAC;IAC9C,+GAA+G;IAC/G,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
@@ -3,6 +3,7 @@ import type { IBordAvatarStackProps } from './BordAvatarStack.types';
3
3
  import './BordAvatarStack.scss';
4
4
  /**
5
5
  * Grupo de usuarios como avatares apilados, con contador de los restantes.
6
+ * Opcionalmente agrega al final un chip "+" (`showAddChip`) para afordancia de agregar más.
6
7
  * Es puramente visual: no es interactivo ni abre ningún dropdown.
7
8
  */
8
9
  declare const BordAvatarStack: FC<IBordAvatarStackProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"BordAvatarStack.d.ts","sourceRoot":"","sources":["../../../src/components/BordAvatarStack/BordAvatarStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,wBAAwB,CAAC;AAKhC;;;GAGG;AACH,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,qBAAqB,CA2B9C,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"BordAvatarStack.d.ts","sourceRoot":"","sources":["../../../src/components/BordAvatarStack/BordAvatarStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,wBAAwB,CAAC;AAKhC;;;;GAIG;AACH,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,qBAAqB,CAyC9C,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -12,6 +12,8 @@ export interface IBordAvatarStackProps {
12
12
  maxVisibleAvatars?: number;
13
13
  /** Tamaño de cada avatar apilado. */
14
14
  size?: TBordPhotoSize;
15
+ /** Muestra un chip "+" al final del stack (después del contador, si lo hay). */
16
+ showAddChip?: boolean;
15
17
  customClassName?: string;
16
18
  }
17
19
  //# sourceMappingURL=BordAvatarStack.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"BordAvatarStack.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordAvatarStack/BordAvatarStack.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IACpC,iDAAiD;IACjD,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
1
+ {"version":3,"file":"BordAvatarStack.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordAvatarStack/BordAvatarStack.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IACpC,iDAAiD;IACjD,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,gFAAgF;IAChF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
@@ -23,9 +23,10 @@ export declare enum BORD_TWO_TONE_ICONS {
23
23
  "qrCode" = "qrCode",
24
24
  "moving" = "moving",
25
25
  "timer" = "timer",
26
- "hierarchy" = "hierarchy"
26
+ "hierarchy" = "hierarchy",
27
+ "reload" = "reload"
27
28
  }
28
- export type TbordTwoToneIcon = "employee" | "global" | "helpCircle" | "inventory" | "logout1" | "menuSquare" | "pieChart" | "settings" | "shoppingCartCheck2" | "shoppingCart" | "trackingTruck" | "laptopCharging" | "macLaptopSettings" | "laptopSettings" | "computer" | "computerDesk" | "headset" | "computerPhone" | "entry" | "exit" | "qrCode" | "moving" | "timer" | "hierarchy";
29
+ export type TbordTwoToneIcon = "employee" | "global" | "helpCircle" | "inventory" | "logout1" | "menuSquare" | "pieChart" | "settings" | "shoppingCartCheck2" | "shoppingCart" | "trackingTruck" | "laptopCharging" | "macLaptopSettings" | "laptopSettings" | "computer" | "computerDesk" | "headset" | "computerPhone" | "entry" | "exit" | "qrCode" | "moving" | "timer" | "hierarchy" | "reload";
29
30
  export interface IBordTwoToneIconProps extends ComponentProps<"svg"> {
30
31
  variant: TbordTwoToneIcon;
31
32
  colorTones?: IcolorTones;
@@ -1 +1 @@
1
- {"version":3,"file":"BordTwoToneIcon.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordTwoToneIcon/BordTwoToneIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,mBAAmB;IAC7B,UAAU,aAAa;IACvB,QAAQ,WAAW;IACnB,YAAY,eAAe;IAC3B,WAAW,cAAc;IACzB,SAAS,YAAY;IACrB,YAAY,eAAe;IAC3B,UAAU,aAAa;IACvB,UAAU,aAAa;IACvB,oBAAoB,uBAAuB;IAC3C,cAAc,iBAAiB;IAC/B,eAAe,kBAAkB;IACjC,gBAAgB,mBAAmB;IACnC,mBAAmB,sBAAsB;IACzC,gBAAgB,mBAAmB;IACnC,UAAU,aAAa;IACvB,cAAc,iBAAiB;IAC/B,SAAS,YAAY;IACrB,eAAe,kBAAkB;IACjC,OAAO,UAAU;IACjB,MAAM,SAAS;IACf,QAAQ,WAAW;IACnB,QAAQ,WAAW;IACnB,OAAO,UAAU;IACjB,WAAW,cAAc;CAC1B;AAED,MAAM,MAAM,gBAAgB,GACxB,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,UAAU,GACV,oBAAoB,GACpB,cAAc,GACd,eAAe,GACf,gBAAgB,GAChB,mBAAmB,GACnB,gBAAgB,GAChB,UAAU,GACV,cAAc,GACd,SAAS,GACT,eAAe,GACf,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,WAAW,CAAC;AAEhB,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAClE,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC9D,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}
1
+ {"version":3,"file":"BordTwoToneIcon.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordTwoToneIcon/BordTwoToneIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,mBAAmB;IAC7B,UAAU,aAAa;IACvB,QAAQ,WAAW;IACnB,YAAY,eAAe;IAC3B,WAAW,cAAc;IACzB,SAAS,YAAY;IACrB,YAAY,eAAe;IAC3B,UAAU,aAAa;IACvB,UAAU,aAAa;IACvB,oBAAoB,uBAAuB;IAC3C,cAAc,iBAAiB;IAC/B,eAAe,kBAAkB;IACjC,gBAAgB,mBAAmB;IACnC,mBAAmB,sBAAsB;IACzC,gBAAgB,mBAAmB;IACnC,UAAU,aAAa;IACvB,cAAc,iBAAiB;IAC/B,SAAS,YAAY;IACrB,eAAe,kBAAkB;IACjC,OAAO,UAAU;IACjB,MAAM,SAAS;IACf,QAAQ,WAAW;IACnB,QAAQ,WAAW;IACnB,OAAO,UAAU;IACjB,WAAW,cAAc;IACzB,QAAQ,WAAW;CACpB;AAED,MAAM,MAAM,gBAAgB,GACxB,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,UAAU,GACV,oBAAoB,GACpB,cAAc,GACd,eAAe,GACf,gBAAgB,GAChB,mBAAmB,GACnB,gBAAgB,GAChB,UAAU,GACV,cAAc,GACd,SAAS,GACT,eAAe,GACf,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,WAAW,GACX,QAAQ,CAAC;AAEb,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAClE,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC9D,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}
@@ -0,0 +1,4 @@
1
+ import { ITwoToneIconProps } from "../BordTwoToneIcon.types";
2
+ declare const BordTwoToneReloadIcon: ({ colorTones, ...props }: ITwoToneIconProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default BordTwoToneReloadIcon;
4
+ //# sourceMappingURL=BordTwoToneReloadIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BordTwoToneReloadIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/BordTwoToneIcon/Icons/BordTwoToneReloadIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,QAAA,MAAM,qBAAqB,6BAA8B,iBAAiB,4CA4BzE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
@@ -1,5 +1,5 @@
1
- import { FunctionComponent } from "react";
2
- import { BORD_TWO_TONE_ICONS, ITwoToneIconProps } from "../BordTwoToneIcon.types";
1
+ import { FunctionComponent } from 'react';
2
+ import { BORD_TWO_TONE_ICONS, ITwoToneIconProps } from '../BordTwoToneIcon.types';
3
3
  export declare const listOfBordTwoToneIcons: {
4
4
  [key in BORD_TWO_TONE_ICONS]: FunctionComponent<ITwoToneIconProps>;
5
5
  };
@@ -1 +1 @@
1
- {"version":3,"file":"listOfBordTwoToneIcons.d.ts","sourceRoot":"","sources":["../../../../src/components/BordTwoToneIcon/Icons/listOfBordTwoToneIcons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AA0BlC,eAAO,MAAM,sBAAsB,EAAE;KAClC,GAAG,IAAI,mBAAmB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC;CA0BnE,CAAC"}
1
+ {"version":3,"file":"listOfBordTwoToneIcons.d.ts","sourceRoot":"","sources":["../../../../src/components/BordTwoToneIcon/Icons/listOfBordTwoToneIcons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AA2BlF,eAAO,MAAM,sBAAsB,EAAE;KAClC,GAAG,IAAI,mBAAmB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC;CA2BnE,CAAC"}
package/dist/index.d.ts CHANGED
@@ -418,6 +418,12 @@ interface IBordAssignUsersButtonProps {
418
418
  variant?: TBordAssignUsersVariant;
419
419
  /** Borde del trigger contra el que se alinea el dropdown. */
420
420
  dropdownAlign?: TBordAssignUsersDropdownAlign;
421
+ /** Muestra el tooltip nativo con la lista de asignados al hacer hover sobre el avatarStack. Default `true`. */
422
+ showAssignedUsersTooltip?: boolean;
423
+ /**
424
+ * Texto del trigger cuando no hay asignados. Se usa además como `aria-label` del botón en todos
425
+ * los estados, por lo que conviene que describa la acción y no solo el estado vacío.
426
+ */
421
427
  label?: string;
422
428
  searchPlaceholder?: string;
423
429
  assignLabel?: string;
@@ -428,8 +434,11 @@ interface IBordAssignUsersButtonProps {
428
434
  /**
429
435
  * Botón para asignar usuarios (p. ej. responsables de una cotización).
430
436
  * Al hacer click abre un dropdown de búsqueda para asignar o quitar usuarios.
431
- * Si ya hay asignados, muestra avatares apilados, conteo restante y tooltip con la lista completa.
432
- * La variante `inline` prescinde del cromado del botón para usarse dentro de celdas de tabla.
437
+ * Si ya hay asignados, muestra avatares apilados, conteo restante y tooltip con la lista completa
438
+ * (desactivable con `showAssignedUsersTooltip={false}` para envolver el componente con un tooltip propio).
439
+ * La variante `inline` prescinde del cromado del botón para usarse dentro de celdas de tabla:
440
+ * con responsables asignados agrega un chip "+" al final del stack de avatares, y sin responsables
441
+ * muestra ese mismo chip junto al label como afordancia de agregar.
433
442
  */
434
443
  declare const BordAssignUsersButton: FC<IBordAssignUsersButtonProps>;
435
444
 
@@ -770,11 +779,14 @@ interface IBordAvatarStackProps {
770
779
  maxVisibleAvatars?: number;
771
780
  /** Tamaño de cada avatar apilado. */
772
781
  size?: TBordPhotoSize;
782
+ /** Muestra un chip "+" al final del stack (después del contador, si lo hay). */
783
+ showAddChip?: boolean;
773
784
  customClassName?: string;
774
785
  }
775
786
 
776
787
  /**
777
788
  * Grupo de usuarios como avatares apilados, con contador de los restantes.
789
+ * Opcionalmente agrega al final un chip "+" (`showAddChip`) para afordancia de agregar más.
778
790
  * Es puramente visual: no es interactivo ni abre ningún dropdown.
779
791
  */
780
792
  declare const BordAvatarStack: FC<IBordAvatarStackProps>;
@@ -826,9 +838,10 @@ declare enum BORD_TWO_TONE_ICONS {
826
838
  "qrCode" = "qrCode",
827
839
  "moving" = "moving",
828
840
  "timer" = "timer",
829
- "hierarchy" = "hierarchy"
841
+ "hierarchy" = "hierarchy",
842
+ "reload" = "reload"
830
843
  }
831
- type TbordTwoToneIcon = "employee" | "global" | "helpCircle" | "inventory" | "logout1" | "menuSquare" | "pieChart" | "settings" | "shoppingCartCheck2" | "shoppingCart" | "trackingTruck" | "laptopCharging" | "macLaptopSettings" | "laptopSettings" | "computer" | "computerDesk" | "headset" | "computerPhone" | "entry" | "exit" | "qrCode" | "moving" | "timer" | "hierarchy";
844
+ type TbordTwoToneIcon = "employee" | "global" | "helpCircle" | "inventory" | "logout1" | "menuSquare" | "pieChart" | "settings" | "shoppingCartCheck2" | "shoppingCart" | "trackingTruck" | "laptopCharging" | "macLaptopSettings" | "laptopSettings" | "computer" | "computerDesk" | "headset" | "computerPhone" | "entry" | "exit" | "qrCode" | "moving" | "timer" | "hierarchy" | "reload";
832
845
  interface IBordTwoToneIconProps extends ComponentProps<"svg"> {
833
846
  variant: TbordTwoToneIcon;
834
847
  colorTones?: IcolorTones;
package/dist/index.esm.js CHANGED
@@ -4384,21 +4384,22 @@ const BordPhoto = ({ url, size = 's100', variant = 'square', description, imageP
4384
4384
  return (jsx("div", { className: photoClassNames, ...rest, children: photoBody }));
4385
4385
  };
4386
4386
 
4387
- var css_248z$22 = ".bordAvatarStack{align-items:center;display:flex}.bordAvatarStack .avatarStackItem{flex-shrink:0}.bordAvatarStack .avatarStackItem:not(:first-child){margin-left:-.8rem}.bordAvatarStack[data-size=s20] .avatarStackItem:not(:first-child){margin-left:-.4rem}.bordAvatarStack .remainingCount{color:var(--ds-c-content-secondary);font-size:1.2rem;font-weight:400;line-height:1.6rem;margin-left:.8rem}";
4387
+ var css_248z$22 = ".bordAvatarStack{align-items:center;display:flex}.bordAvatarStack .avatarStackItem{flex-shrink:0}.bordAvatarStack .avatarStackItem:not(:first-child){margin-left:-.8rem}.bordAvatarStack[data-size=s20] .avatarStackItem:not(:first-child){margin-left:-.4rem}.bordAvatarStack .remainingCount .bordPhotoDS{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(5 33 67/var(--tw-bg-opacity));border-color:var(--ds-c-stroke-interactive);color:rgb(198 199 203/var(--tw-text-opacity));font-size:1rem;font-weight:400}.bordAvatarStack .addChip{color:var(--ds-c-primary-bg-default)}.bordAvatarStack .addChip .bordPhotoDS{background-color:var(--ds-c-primary-bg-secondary);border-color:var(--ds-c-primary-bg-default)}";
4388
4388
  styleInject(css_248z$22);
4389
4389
 
4390
4390
  const DEFAULT_MAX_VISIBLE_AVATARS = 3;
4391
4391
  const DEFAULT_SIZE$2 = 's32';
4392
4392
  /**
4393
4393
  * Grupo de usuarios como avatares apilados, con contador de los restantes.
4394
+ * Opcionalmente agrega al final un chip "+" (`showAddChip`) para afordancia de agregar más.
4394
4395
  * Es puramente visual: no es interactivo ni abre ningún dropdown.
4395
4396
  */
4396
- const BordAvatarStack = ({ users, maxVisibleAvatars = DEFAULT_MAX_VISIBLE_AVATARS, size = DEFAULT_SIZE$2, customClassName = '', }) => {
4397
- if (!users?.length)
4397
+ const BordAvatarStack = ({ users, maxVisibleAvatars = DEFAULT_MAX_VISIBLE_AVATARS, size = DEFAULT_SIZE$2, showAddChip = false, customClassName = '', }) => {
4398
+ if (!users?.length && !showAddChip)
4398
4399
  return null;
4399
4400
  const visibleUsers = users.slice(0, maxVisibleAvatars);
4400
4401
  const remainingCount = users.length - maxVisibleAvatars;
4401
- return (jsxs("div", { className: `bordAvatarStack ${customClassName}`, "data-size": size, children: [visibleUsers.map((user, index) => (jsx("div", { className: "avatarStackItem", style: { zIndex: maxVisibleAvatars - index }, children: jsx(BordPhoto, { url: user?.photoProfile, variant: "circle", size: size, avatarProps: { variant: 'circularUser' }, imageProps: { style: { width: '100%', height: '100%', objectFit: 'cover' } } }) }, user?.id))), remainingCount > 0 && jsxs("div", { className: "remainingCount", children: ["+", remainingCount] })] }));
4402
+ return (jsxs("div", { className: `bordAvatarStack ${customClassName}`, "data-size": size, children: [visibleUsers.map((user, index) => (jsx("div", { className: "avatarStackItem", style: { zIndex: maxVisibleAvatars - index }, children: jsx(BordPhoto, { url: user?.photoProfile, variant: "circle", size: size, avatarProps: { variant: 'circularUser' }, imageProps: { style: { width: '100%', height: '100%', objectFit: 'cover' } } }) }, user?.id))), remainingCount > 0 && (jsx("div", { className: "avatarStackItem remainingCount", style: { zIndex: 0 }, children: jsxs("div", { className: `bordPhotoDS ${size} circle`, children: ["+", remainingCount] }) })), showAddChip && (jsx("div", { className: "avatarStackItem addChip", style: { zIndex: 0 }, children: jsx(BordPhoto, { variant: "circle", size: size, oneToneIconProps: { variant: 'plus', standardSize: 12, stroke: 'currentColor' } }) }))] }));
4402
4403
  };
4403
4404
 
4404
4405
  /**
@@ -4627,7 +4628,7 @@ const BordAssignUsersDropdown = ({ users, assignedUserIds, onAssign, onUnassign,
4627
4628
  }) })] }));
4628
4629
  };
4629
4630
 
4630
- var css_248z$1$ = ".bordAssignUsersButtonWrapper{position:relative}.bordAssignUsersButtonWrapper .dropdownContainer{position:absolute;top:calc(100% + .4rem);z-index:30}.bordAssignUsersButtonWrapper .dropdownContainer.left{left:0}.bordAssignUsersButtonWrapper .dropdownContainer.right{right:0}.bordAssignUsersButtonWrapper .assignedUsersTooltip{background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:1px;box-shadow:0 .4rem 1.6rem rgba(0,0,0,.12);left:0;min-width:24rem;padding:.4rem 0;position:absolute;top:calc(100% + .4rem);z-index:20}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea{margin-right:.4rem;max-height:22rem;overflow-y:auto}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea::-webkit-scrollbar{height:.2rem;width:.2rem}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(34 207 171/var(--tw-bg-opacity));border-radius:.4rem;border-width:4px}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea::-webkit-scrollbar-track{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-default);border-width:4px}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow{align-items:center;display:flex;gap:.8rem;padding:.8rem 1.2rem;transition:background-color .15s ease}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow:hover{background-color:var(--ds-c-layout-l1)}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow .tooltipUserInfo{display:flex;flex-direction:column;gap:.2rem;overflow:hidden}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow .tooltipUserInfo .tooltipUserName{color:var(--ds-c-content-default);font-size:1.2rem;font-weight:500;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow .tooltipUserInfo .tooltipUserEmail{color:var(--ds-c-content-secondary);font-size:1.2rem;font-weight:400;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordAssignUsersButton{align-items:center;cursor:pointer;display:flex;gap:.8rem}.bordAssignUsersButton.button{background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.8rem;border-width:1px;height:4.2rem;min-width:18.2rem;padding-left:.8rem;padding-right:.8rem}.bordAssignUsersButton.button.withAssignedUsers{height:4.8rem}.bordAssignUsersButton.inline{background-color:transparent;border-style:none;padding:0}.bordAssignUsersButton.inline .buttonLabel{font-size:1.2rem}.bordAssignUsersButton.isActive.button,.bordAssignUsersButton:hover.button{border-color:var(--ds-c-primary-bg-default)}.bordAssignUsersButton.isActive .addIcon,.bordAssignUsersButton.isActive .buttonLabel,.bordAssignUsersButton.isActive .remainingCount,.bordAssignUsersButton:hover .addIcon,.bordAssignUsersButton:hover .buttonLabel,.bordAssignUsersButton:hover .remainingCount{color:var(--ds-c-primary-bg-default)}.bordAssignUsersButton:disabled{cursor:not-allowed;opacity:.5}.bordAssignUsersButton .avatarStack .bordPhotoDS{transition:border-color .15s ease}.bordAssignUsersButton .avatarStack:hover .bordPhotoDS{border-color:var(--ds-c-primary-bg-default)}.bordAssignUsersButton .buttonLabel{color:var(--ds-c-content-secondary);font-size:1.4rem;font-weight:500;line-height:2rem}.bordAssignUsersButton .addIcon{color:var(--ds-c-content-secondary)}";
4631
+ var css_248z$1$ = ".bordAssignUsersButtonWrapper{position:relative}.bordAssignUsersButtonWrapper .dropdownContainer{position:absolute;top:calc(100% + .4rem);z-index:30}.bordAssignUsersButtonWrapper .dropdownContainer.left{left:0}.bordAssignUsersButtonWrapper .dropdownContainer.right{right:0}.bordAssignUsersButtonWrapper .assignedUsersTooltip{background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:1px;box-shadow:0 .4rem 1.6rem rgba(0,0,0,.12);left:0;min-width:24rem;padding:.4rem 0;position:absolute;top:calc(100% + .4rem);z-index:20}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea{margin-right:.4rem;max-height:22rem;overflow-y:auto}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea::-webkit-scrollbar{height:.2rem;width:.2rem}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(34 207 171/var(--tw-bg-opacity));border-radius:.4rem;border-width:4px}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea::-webkit-scrollbar-track{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-default);border-width:4px}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow{align-items:center;display:flex;gap:.8rem;padding:.8rem 1.2rem;transition:background-color .15s ease}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow:hover{background-color:var(--ds-c-layout-l1)}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow .tooltipUserInfo{display:flex;flex-direction:column;gap:.2rem;overflow:hidden}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow .tooltipUserInfo .tooltipUserName{color:var(--ds-c-content-default);font-size:1.2rem;font-weight:500;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow .tooltipUserInfo .tooltipUserEmail{color:var(--ds-c-content-secondary);font-size:1.2rem;font-weight:400;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordAssignUsersButton{align-items:center;cursor:pointer;display:flex;gap:.8rem}.bordAssignUsersButton.button{background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.8rem;border-width:1px;height:4.2rem;min-width:18.2rem;padding-left:.8rem;padding-right:.8rem}.bordAssignUsersButton.button.withAssignedUsers{height:4.8rem}.bordAssignUsersButton.inline{background-color:transparent;border-style:none;gap:.4rem;padding:0}.bordAssignUsersButton.inline .buttonLabel{font-size:1.2rem}.bordAssignUsersButton.isActive.button,.bordAssignUsersButton:hover.button{border-color:var(--ds-c-primary-bg-default)}.bordAssignUsersButton.isActive .addIcon,.bordAssignUsersButton.isActive .buttonLabel,.bordAssignUsersButton:hover .addIcon,.bordAssignUsersButton:hover .buttonLabel{color:var(--ds-c-primary-bg-default)}.bordAssignUsersButton:disabled{cursor:not-allowed;opacity:.5}.bordAssignUsersButton .avatarStack .bordPhotoDS{transition:border-color .15s ease}.bordAssignUsersButton .avatarStack:hover .bordPhotoDS{border-color:var(--ds-c-primary-bg-default)}.bordAssignUsersButton .buttonLabel{color:var(--ds-c-content-secondary);font-size:1.4rem;font-weight:500;line-height:2rem}.bordAssignUsersButton .addIcon{color:var(--ds-c-content-secondary)}";
4631
4632
  styleInject(css_248z$1$);
4632
4633
 
4633
4634
  const MAX_VISIBLE_AVATARS = 3;
@@ -4635,10 +4636,13 @@ const AVATAR_SIZE_BY_VARIANT = { button: 's32', inline: 's20' };
4635
4636
  /**
4636
4637
  * Botón para asignar usuarios (p. ej. responsables de una cotización).
4637
4638
  * Al hacer click abre un dropdown de búsqueda para asignar o quitar usuarios.
4638
- * Si ya hay asignados, muestra avatares apilados, conteo restante y tooltip con la lista completa.
4639
- * La variante `inline` prescinde del cromado del botón para usarse dentro de celdas de tabla.
4639
+ * Si ya hay asignados, muestra avatares apilados, conteo restante y tooltip con la lista completa
4640
+ * (desactivable con `showAssignedUsersTooltip={false}` para envolver el componente con un tooltip propio).
4641
+ * La variante `inline` prescinde del cromado del botón para usarse dentro de celdas de tabla:
4642
+ * con responsables asignados agrega un chip "+" al final del stack de avatares, y sin responsables
4643
+ * muestra ese mismo chip junto al label como afordancia de agregar.
4640
4644
  */
4641
- const BordAssignUsersButton = ({ users, assignedUserIds, onAssign, onUnassign, loadingUserId, disabled = false, maxVisibleAvatars = MAX_VISIBLE_AVATARS, variant = 'button', dropdownAlign = 'left', label = 'Agregar responsables', searchPlaceholder, assignLabel, unassignLabel, customClassName = '', }) => {
4645
+ const BordAssignUsersButton = ({ users, assignedUserIds, onAssign, onUnassign, loadingUserId, disabled = false, maxVisibleAvatars = MAX_VISIBLE_AVATARS, variant = 'button', dropdownAlign = 'left', showAssignedUsersTooltip = true, label = 'Agregar responsables', searchPlaceholder, assignLabel, unassignLabel, customClassName = '', }) => {
4642
4646
  const [isHovered, setIsHovered] = useState(false);
4643
4647
  const [showDropdown, setShowDropdown] = useState(false);
4644
4648
  const [showAvatarTooltip, setShowAvatarTooltip] = useState(false);
@@ -4653,6 +4657,8 @@ const BordAssignUsersButton = ({ users, assignedUserIds, onAssign, onUnassign, l
4653
4657
  const showAddAffordance = !isInline || !hasAssignedUsers;
4654
4658
  const buttonClassName = `bordAssignUsersButton ${variant}${hasAssignedUsers ? ' withAssignedUsers' : ''}${isActive ? ' isActive' : ''}`;
4655
4659
  const handleAvatarMouseEnter = () => {
4660
+ if (!showAssignedUsersTooltip)
4661
+ return;
4656
4662
  if (tooltipTimeoutRef.current)
4657
4663
  clearTimeout(tooltipTimeoutRef.current);
4658
4664
  setShowAvatarTooltip(true);
@@ -4674,7 +4680,7 @@ const BordAssignUsersButton = ({ users, assignedUserIds, onAssign, onUnassign, l
4674
4680
  if (tooltipTimeoutRef.current)
4675
4681
  clearTimeout(tooltipTimeoutRef.current);
4676
4682
  }, []);
4677
- return (jsxs("div", { className: `bordAssignUsersButtonWrapper ${customClassName}`, ref: wrapperRef, children: [jsxs("button", { className: buttonClassName, onClick: () => setShowDropdown(prev => !prev), disabled: disabled, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [hasAssignedUsers && (jsx("div", { className: "avatarStack", onMouseEnter: handleAvatarMouseEnter, onMouseLeave: handleAvatarMouseLeave, children: jsx(BordAvatarStack, { users: assignedUsers, maxVisibleAvatars: maxVisibleAvatars, size: AVATAR_SIZE_BY_VARIANT[variant] }) })), showAddAffordance && (jsxs(Fragment, { children: [jsx("div", { className: "buttonLabel", children: label }), jsx(BordOneToneIcon, { variant: "plusCircle", standardSize: 14, stroke: "currentColor", customClassName: "addIcon" })] }))] }), showAvatarTooltip && !showDropdown && hasAssignedUsers && (jsx("div", { className: "assignedUsersTooltip", onMouseEnter: handleAvatarMouseEnter, onMouseLeave: handleAvatarMouseLeave, children: jsx("div", { className: "tooltipScrollArea", children: assignedUsers.map(user => (jsxs("div", { className: "tooltipUserRow", children: [jsx(BordPhoto, { url: user?.photoProfile, variant: "circle", size: "s20", avatarProps: { variant: 'circularUser' }, imageProps: { style: { width: '100%', height: '100%', objectFit: 'cover' } } }), jsxs("div", { className: "tooltipUserInfo", children: [jsxs("div", { className: "tooltipUserName", children: [user?.firstName, " ", user?.lastName] }), jsx("div", { className: "tooltipUserEmail", children: user?.email })] })] }, user?.id))) }) })), showDropdown && (jsx("div", { className: `dropdownContainer ${dropdownAlign}`, children: jsx(BordAssignUsersDropdown, { users: users, assignedUserIds: assignedUserIds, onAssign: onAssign, onUnassign: onUnassign, loadingUserId: loadingUserId, disabled: disabled, searchPlaceholder: searchPlaceholder, assignLabel: assignLabel, unassignLabel: unassignLabel }) }))] }));
4683
+ return (jsxs("div", { className: `bordAssignUsersButtonWrapper ${customClassName}`, ref: wrapperRef, children: [jsxs("button", { className: buttonClassName, "aria-label": label, onClick: () => setShowDropdown(prev => !prev), disabled: disabled, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [hasAssignedUsers && (jsx("div", { className: "avatarStack", onMouseEnter: handleAvatarMouseEnter, onMouseLeave: handleAvatarMouseLeave, children: jsx(BordAvatarStack, { users: assignedUsers, maxVisibleAvatars: maxVisibleAvatars, size: AVATAR_SIZE_BY_VARIANT[variant], showAddChip: isInline }) })), showAddAffordance && (jsxs(Fragment, { children: [jsx("div", { className: "buttonLabel", children: label }), isInline ? (jsx(BordAvatarStack, { users: [], showAddChip: true, size: AVATAR_SIZE_BY_VARIANT[variant] })) : (jsx(BordOneToneIcon, { variant: "plusCircle", standardSize: 14, stroke: "currentColor", customClassName: "addIcon" }))] }))] }), showAssignedUsersTooltip && showAvatarTooltip && !showDropdown && hasAssignedUsers && (jsx("div", { className: "assignedUsersTooltip", onMouseEnter: handleAvatarMouseEnter, onMouseLeave: handleAvatarMouseLeave, children: jsx("div", { className: "tooltipScrollArea", children: assignedUsers.map(user => (jsxs("div", { className: "tooltipUserRow", children: [jsx(BordPhoto, { url: user?.photoProfile, variant: "circle", size: "s20", avatarProps: { variant: 'circularUser' }, imageProps: { style: { width: '100%', height: '100%', objectFit: 'cover' } } }), jsxs("div", { className: "tooltipUserInfo", children: [jsxs("div", { className: "tooltipUserName", children: [user?.firstName, " ", user?.lastName] }), jsx("div", { className: "tooltipUserEmail", children: user?.email })] })] }, user?.id))) }) })), showDropdown && (jsx("div", { className: `dropdownContainer ${dropdownAlign}`, children: jsx(BordAssignUsersDropdown, { users: users, assignedUserIds: assignedUserIds, onAssign: onAssign, onUnassign: onUnassign, loadingUserId: loadingUserId, disabled: disabled, searchPlaceholder: searchPlaceholder, assignLabel: assignLabel, unassignLabel: unassignLabel }) }))] }));
4678
4684
  };
4679
4685
 
4680
4686
  var FORM_COMPONENTS_STANDARD_SIZES;
@@ -4775,6 +4781,11 @@ const BordTwoToneMenuSquareIcon = (props) => {
4775
4781
  return (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [jsx("g", { stroke: tone1 || bordColorTheme.navyBlue[400], strokeWidth: "1.5", opacity: opacity1 || ".4", children: jsx("path", { d: "M2 18c0-1.5404 0-2.3107.34673-2.8765.19401-.3166.4602-.5828.7768-.7768C3.68934 14 4.45956 14 6 14c1.54044 0 2.31066 0 2.87647.3467.3166.194.58279.4602.7768.7768C10 15.6893 10 16.4596 10 18s0 2.3107-.34673 2.8765c-.19401.3166-.4602.5828-.7768.7768C8.31066 22 7.54044 22 6 22c-1.54044 0-2.31066 0-2.87647-.3467-.3166-.194-.58279-.4602-.7768-.7768C2 20.3107 2 19.5404 2 18ZM14 6c0-1.54044 0-2.31066.3467-2.87647.194-.3166.4602-.58279.7768-.7768C15.6893 2 16.4596 2 18 2s2.3107 0 2.8765.34673c.3166.19401.5828.4602.7768.7768C22 3.68934 22 4.45956 22 6c0 1.54044 0 2.31066-.3467 2.87647-.194.3166-.4602.58279-.7768.7768C20.3107 10 19.5404 10 18 10s-2.3107 0-2.8765-.34673c-.3166-.19401-.5828-.4602-.7768-.7768C14 8.31066 14 7.54044 14 6Z" }) }), jsx("path", { stroke: tone2 || bordColorTheme.navyBlue[400], strokeWidth: "1.5", d: "M14 18c0-1.5404 0-2.3107.3467-2.8765.194-.3166.4602-.5828.7768-.7768C15.6893 14 16.4596 14 18 14s2.3107 0 2.8765.3467c.3166.194.5828.4602.7768.7768C22 15.6893 22 16.4596 22 18s0 2.3107-.3467 2.8765c-.194.3166-.4602.5828-.7768.7768C20.3107 22 19.5404 22 18 22s-2.3107 0-2.8765-.3467c-.3166-.194-.5828-.4602-.7768-.7768C14 20.3107 14 19.5404 14 18ZM2 6c0-1.54044 0-2.31066.34673-2.87647.19401-.3166.4602-.58279.7768-.7768C3.68934 2 4.45956 2 6 2c1.54044 0 2.31066 0 2.87647.34673.3166.19401.58279.4602.7768.7768C10 3.68934 10 4.45956 10 6c0 1.54044 0 2.31066-.34673 2.87647-.19401.3166-.4602.58279-.7768.7768C8.31066 10 7.54044 10 6 10c-1.54044 0-2.31066 0-2.87647-.34673-.3166-.19401-.58279-.4602-.7768-.7768C2 8.31066 2 7.54044 2 6Z", opacity: opacity2 })] }));
4776
4782
  };
4777
4783
 
4784
+ const BordTwoToneReloadIcon = ({ colorTones, ...props }) => {
4785
+ const { tone1, tone2, opacity1, opacity2 } = colorTones || {};
4786
+ return (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [jsx("path", { opacity: opacity1 || ".4", d: "M7.36103 19.1664L6.86272 18.2349C6.52582 17.6052 6.35737 17.2903 6.46876 17.1554C6.58014 17.0206 6.947 17.1295 7.68066 17.3473C8.41416 17.5651 9.19294 17.6823 9.99992 17.6823C14.3722 17.6823 17.9166 14.2427 17.9166 9.99972C17.9166 8.60039 17.5311 7.28845 16.8575 6.15845", stroke: tone1 || bordColorTheme.navyBlue[400], strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { opacity: opacity2, d: "M12.6386 0.833008L13.1369 1.76448C13.4738 2.39423 13.6422 2.7091 13.5308 2.84395C13.4194 2.9788 13.0526 2.86989 12.3189 2.65207C11.5854 2.43431 10.8067 2.31713 9.99967 2.31713C5.62742 2.31713 2.08301 5.75673 2.08301 9.99967C2.08301 11.399 2.46853 12.7109 3.14212 13.8409", stroke: tone2 || bordColorTheme.navyBlue[400], strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
4787
+ };
4788
+
4778
4789
  const BordTwoTonePieChartIcon = (props) => {
4779
4790
  const { colorTones } = props;
4780
4791
  const { tone1, tone2, opacity1, opacity2 } = colorTones || {};
@@ -4908,6 +4919,7 @@ const listOfBordTwoToneIcons = {
4908
4919
  moving: BordTwoToneMovingIcon,
4909
4920
  timer: BordTwoToneTimerIcon,
4910
4921
  hierarchy: BordTwoToneHierarchyIcon,
4922
+ reload: BordTwoToneReloadIcon,
4911
4923
  };
4912
4924
 
4913
4925
  const BordTwoToneIcon = ({ variant, standardSize = 24, customWidth, colorTones, customClassName, }) => {
@@ -45386,6 +45398,7 @@ var BORD_TWO_TONE_ICONS;
45386
45398
  BORD_TWO_TONE_ICONS["moving"] = "moving";
45387
45399
  BORD_TWO_TONE_ICONS["timer"] = "timer";
45388
45400
  BORD_TWO_TONE_ICONS["hierarchy"] = "hierarchy";
45401
+ BORD_TWO_TONE_ICONS["reload"] = "reload";
45389
45402
  })(BORD_TWO_TONE_ICONS || (BORD_TWO_TONE_ICONS = {}));
45390
45403
 
45391
45404
  const INCIDENT_TYPE_CONFIG = {